媒体查询被模型忽略

问题描述：

我正在使用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，不太知道什么是错的查询，似乎在其他网站上正常工作。

编辑：

在您的网站能够正常运行 – Johannes

如果我检查元素它的（？）没有显示90vw的宽度 –

@Johannes证明了它是Chromes检查元素的功能，它缩小了我的网站：S任何想法为什么会这样做？ –

答

我想你忘记插入视口元标记网页上...

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

我是个白痴，谢谢！ –

好，可以发生... – Johannes

媒体查询被模型忽略

相关推荐