css - 切换到设备 View 时，Chrome 开发人员工具不加载 @media 查询

Question

我的 CSS 中有这个@media 查询:

@media screen and (max-width: 767px) {

/* some styles*/

} /*end @media 767s*/

当我手动调整页面大小时，它会在到达 767px 断点时切换到响应式布局。

但是，当我从 Chrome 的下拉列表中选择任何设备布局时

加载默认页面而不是媒体查询，即使设备的宽度小于 767px 断点。我做错了什么？

Answer 1

试试这个

<meta name="viewport" content="width=device-width">