网站导致浏览器找到“错误”的屏幕宽度

时间:2014-11-07 15:11:54

标签: javascript css mobile media-queries

我使用媒体查询以相同的方式对移动设备优化了几个网站 - 大多数网站在手机上工作正常,但有两个网站始终检测到屏幕宽度为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) - 不知道如何在小型设备上发生这种情况!

感谢您的帮助!

1 个答案:

答案 0 :(得分:2)

使用此元标记

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