使用Javascript为Android(Nexus 7 Tablet)获取正确的设备显示宽度

时间:2012-11-06 06:18:20

标签: javascript android tablet

screen.width和.height应包含设备像素中平板电脑的屏幕分辨率,并且应在设备方向更改时更改(有关参考,请参阅http://www.quirksmode.org/mobile/tableViewport.html)。但是,对于Nexus 7 Android平板电脑,无论方向如何,这些值始终为screen.width = 1280和screen.height = 736。高度736允许64像素状态栏(实际屏幕高度= 800像素)。

很容易在纵向模式下翻转这些值(window.orientation === 0 || window.orientation === 180),它给出宽度736和高度1280,但由于状态栏保持在顶部,正确的值应为800 x 1216。

在Android设备(例如Nexus 7)上获取设备像素的屏幕宽度是否有通用/最佳实践方法?我知道window.outerWidth,但是注意到它有时是不正确的。当方向改变所有Android设备时,是否无法交换宽度和高度?

1 个答案:

答案 0 :(得分:1)

我也在努力使用Nexus 7屏幕,但是你最好还是获得文档或窗口的实际浏览器尺寸,这些都可以根据需要进行调整。

本网站更好地解释了它http://responsejs.com/labs/dimensions/