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設置爲響應。