【发布时间】：2018-05-30 23:01:37
【问题描述】：
我的 CSS 中有这个 @media 查询：
@media screen and (max-width: 767px) {
/* some styles*/
} /*end @media 767s*/
当我手动调整页面大小时，它会在遇到 767px 断点时切换到响应式布局。
但是，当我从 Chrome 的下拉菜单中选择任何设备布局时
加载默认页面而不是媒体查询，即使设备的宽度小于 767px 断点。我做错了什么？
【问题讨论】：
-
再次检查左括号和右括号
-
检查文档头部是否有正确的元设置：
-
您是否添加了视口或任何我们可以查看和帮助您的链接？
-
感谢@Gerard，该页面现在可以正常工作。想知道该元标记是否也是在设备上加载媒体查询所必需的，还是只有 Chrome 开发人员工具才需要。
-
设备也需要@MatteoBoscolo
标签： css google-chrome responsive-design