screen.width与设备实际分辨率

时间:2013-12-20 02:14:35

标签: javascript mobile screen-resolution

在查看例如{I}时,我试图了解screen.width我的Android和iOS设备上New York Times。以下是我发现的内容(全部以纵向观看):

    当我远程调试我的iPod touch时,
  • screen.width返回320,这应该是640x1136分辨率。
  • screen.width在我的Nexus 4上观看时返回384,该版本的分辨率为768x1280。

screen.width不应该返回设备的分辨率?如果没有,我可以用什么JavaScript对象来可靠地获取解析信息?

2 个答案:

答案 0 :(得分:0)

似乎让我得到正确坐标的是window.innerWidthwindow.innerHeight。我可以保证他们会工作,但他们可能会。如果他们不这样做,请确保网站没有放大(某些移动浏览器会自动缩放)

答案 1 :(得分:0)

这里基本上是为了确保旧网站在这些设备上正确呈现,Apple决定在移动到iPhone上的视网膜显示器时报告原始尺寸。由于这个优先权,谷歌做出了同样的决定。如果您使用的是PC并且分辨率为1024x768,则可能是10英寸以上的显示器。这不能很好地转化为对角线只有4或5英寸的设备,至少这是理由。

为了更深入地了解这个想法,我建议你查看quirks模式的博文,你可以找到它here