Chrome开发者工具显示的屏幕大于我在响应模式下设置的屏幕

时间:2016-10-31 16:30:26

标签: html5 css3 media-queries google-chrome-devtools

我使用Chrome开发者工具并打开了响应模式。将宽度和高度设置为移动尺寸(320 x 568,360 x 640,类似的东西)。

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

额外信息:我将我的网页放在部署服务器中,并使用Chrome扩展程序作为模拟器,因为我不相信Chrome的措施。

在部署服务器中它以某种方式像chrome一样工作(所以代码可能有些奇怪),但在模拟器插件和调整chrome窗口大小(不使用reponsive工具)时,我可以看到我的断点已到达。< / p>

之前有人遇到过这个问题吗? 任何人都可以至少解释为什么铬会忽略我要求的尺寸吗?

2 个答案:

答案 0 :(得分:15)

您可能需要包含:

exec

位于html文件的顶部...

答案 1 :(得分:1)

不需要user-scalabe = 0,没有它就可以正常工作。

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