媒体查询被模型忽略

Question

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

编辑：

Answer 1

我认为您忘记在页面上插入视口元标记...

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