媒體查詢被模型忽略

我正在使用LESS來編譯我的CSS。下面是我的CSS的一部分，但媒體查詢被忽略。嘗試在移動設備上添加不同的樣式。媒體查詢被模型忽略

#main-wrap header #hdr-nav nav { 
    width: 60%; 
    display: -ms-flexbox; 
    display: flex; 
    margin-left: auto; 
    margin-right: auto; 
    padding: 10px 0; 
} 
@media (max-width: 740px) { 
    #main-wrap header #hdr-nav nav { 
    padding: 0; 
    width: 100%; 
    } 
}

你可以看到這裏live website，不太知道什麼是錯的查詢，似乎在其他網站上正常工作。

編輯：

來源

2017-04-23 Martyn Ball

在您的網站能夠正常運行 – Johannes

如果我檢查元素它的（？）沒有顯示90vw的寬度 –

@Johannes證明了它是Chromes檢查元素的功能，它縮小了我的網站：S任何想法爲什麼會這樣做？ –

我想你忘記插入視口元標記網頁上...

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

來源

2017-04-23 17:26:18 Johannes

我是個白癡，謝謝！ –

好，可以發生... – Johannes

媒體查詢被模型忽略

回答

相關問題