【发布时间】:2015-01-04 10:06:11
【问题描述】:
我已经使用媒体查询以相同的方式优化了几个网站 - 大多数在手机上都可以正常工作,但有两个坚持始终检测 800 像素的 screen.width,无论实际设备有多小。
正常工作: www.accountex.co.uk, www.legalex.co.uk, www.takeawayexpo.co.uk, www.streetfoodlive.co.uk
检测到错误的屏幕尺寸,但仅在移动设备上:
www.greatbritishbusinessshow.co.uk, www.bstartup.com
尽管使用的方法几乎相同。以上两个在所有在线移动模拟器上都能正确显示,但在实际移动设备上加载时,即使设备为 320x480 或非常小,也要使用 800px 屏幕宽度的媒体查询。
当调用 alert(screen.width) 时,使用 console.log 或 alert 这两个站点总是返回 800 像素 - 不知道这怎么会在微型设备上发生!
感谢您的帮助!
【问题讨论】:
-
如果您不显示您的检测代码,我们将无法帮助您。大概您的目标不仅仅是让人们访问一堆网站,但如果没有更多信息和更少(阅读:零)链接,这个问题就不清楚且无法回答。
-
当你使用它时,你应该指定你正在使用的模拟器或本机设备......并给出价格标签(开玩笑)
标签: javascript css mobile media-queries