我使用Chrome开发者工具并打开了响应模式。将宽度和高度设置为移动尺寸(320 x 568,360 x 640,类似的东西)。
移动媒体查询未加载。 jQuery和chrome dev-tools中的size-helper都显示了980px的宽度,比我设置的大得多。
额外信息:我将我的网页放在部署服务器中,并使用Chrome扩展程序作为模拟器,因为我不相信Chrome的措施。
在部署服务器中它以某种方式像chrome一样工作(所以代码可能有些奇怪),但在模拟器插件和调整chrome窗口大小(不使用reponsive工具)时,我可以看到我的断点已到达。< / p>
之前有人遇到过这个问题吗? 任何人都可以至少解释为什么铬会忽略我要求的尺寸吗?
答案 0 :(得分:15)
您可能需要包含:
exec
位于html文件的顶部...
答案 1 :(得分:1)
不需要user-scalabe = 0,没有它就可以正常工作。
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1" />