CSS响应Magento的

Question

我在做Magento的主题的响应版本的网站工作https://makedaadolls.com/store/

为什么当我调整比750px少了我的窗前，HTML标记仍具有宽度980px？

这是我的css规则。

@media only screen and (max-device-width: 750px) and (min-device-width: 320px){ 
    html { 
     width: 100%; 
     max-width: 750px; 
    } 
} 

Answer 1

你至少需要响应meta标签在您的网站标题：

<meta name="viewport" content="width=device-width, initial-scale=1">

然后，你需要确保你的标题和主要的资产净值也响应（他们目前不是）。基本上这意味着所有的容器都需要有一个最大宽度而不是一个宽度。在这种情况下，您不需要使用媒体查询将html设置为响应。