我使用媒体查询以相同的方式对移动设备优化了几个网站 - 大多数网站在手机上工作正常,但有两个网站始终检测到屏幕宽度为800px,无论实际设备有多小。
正常工作: www.accountex.co.uk,www.legalex.co.uk,www.takeawayexpo.co.uk,www.streetfoodlive.co.uk
检测错误的屏幕尺寸,但仅限于移动设备:
www.greatbritishbusinessshow.co.uk,www.bstartup.com
即使使用的方法几乎相同。以上两个在所有在线移动模拟器上都能正确显示,但在实际移动设备上加载时,使用媒体查询的屏幕宽度为800px,即使设备为320x480或非常小。
使用console.log或警告这两个站点总是返回800px作为调用何时警报(screen.width) - 不知道如何在小型设备上发生这种情况!
感谢您的帮助!
答案 0 :(得分:2)
使用此元标记
<meta name="viewport" content="width=device-width, initial-scale=1">