Chrome开发人员工具在响应模式下显示的屏幕比我设置的要大

Question

我正在使用chrome开发工具，并打开了响应模式。将宽度和高度设置为移动大小(320 x 568,360 x 640，诸如此类)。

未加载对移动设备的媒体查询。chrome dev-tools中的jQuery和size-helper都显示了980px的宽度，比我设置的要大得多。

额外的信息:我把我的网页放在一个部署服务器上，还使用了一个chrome扩展作为模拟器，因为我不能信任Chrome的措施。

在部署服务器中，它的工作原理类似于chrome (所以代码可能有些奇怪)，但在仿真器插件和调整chrome窗口大小(不使用响应式工具)中，我可以看到我的断点正在到达。

以前有没有人遇到过这个问题？有人能至少解释一下为什么chrome忽略了我要求的尺寸吗？

Answer 1

您可能需要包括：

    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=0"/>

在您的html文件的顶部...

Answer 2

不需要user-scalabe=0，没有它也能正常工作。

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