模型忽略媒体查询答案

【问题标题】：Media Queries being ignored by model模型忽略媒体查询
【发布时间】：2017-04-23 16:56:59
【问题描述】：

我正在使用 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，不太确定查询出了什么问题，似乎在其他网站上运行良好。

编辑：

【问题讨论】：

在您的网站上按预期工作 (?)
如果我检查元素它不显示 90vw 宽度
@Johannes 原来是 Chromes 检查元素功能，它正在缩小我的网站：S 知道为什么会这样做吗？
尝试重置页面缩放 (?)
试过了，这是一个奇怪的问题，在@Johannes 看到上面的截图之前没有这个

标签： css responsive-design media-queries

【解决方案1】：

我想你忘了在页面上插入视口元标记...

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

【讨论】：