screen.width与设备实际分辨率

我正试图了解有关screen.width查看时，例如， New York Times在我的Android和iOS设备上。下面是我发现了什么（都在纵向看）：screen.width与设备实际分辨率

screen.width返回320，当我远程调试我iPod touch，这是应该有一个640x1136的分辨率。
screen.width在我的Nexus 4上查看时返回了384，它应该具有768x1280的分辨率。

不应该screen.width返回设备的分辨率？如果不是，我可以使用哪些JavaScript对象来可靠地获取解析信息？

2013-12-20 moey

如果这涉及到_meta viewport_，纽约时报网站使用'< meta name =“viewport”content =“width = device-width，initial-scale = 1，maximum-scale = 1”>'。 – moey

你能得出这个结论吗？ –

不幸的是，没有。 – moey

什么似乎让我的正确坐标是window.innerWidth和window.innerHeight。我可以保证他们会工作，但他们可能会。如果他们不这样做，请确保网站没有放大（一些移动浏览器会自动缩放）

来源

2013-12-20 02:19:50 Markasoftware

'window.innerWidth'也返回384. :(如何找出页面处于缩放（进/出）状态？ – moey

这里基本上会发生什么，为了确保旧网站在这些设备上正确呈现，Apple制作了决定在移至iPhone上的视网膜显示器时报告原始尺寸。由于这个优先顺序，Google做出了同样的决定。如果您使用的是PC，并且其分辨率为1024x768，则可能是10英寸显示屏。这不会很好地转换成对角线只有4或5英寸的设备，至少这是理由。

为了更深入地看看这个想法，我建议你看看怪癖模式的博客文章吧，你可以找到here

来源

2013-12-20 02:29:04

screen.width与设备实际分辨率

回答

相关问题