1

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设备的共同点吗?

4

1 回答 1

1

我也在为 Nexus 7 屏幕缩小而苦苦挣扎,但是您最好获取文档或窗口的实际浏览器尺寸,这些尺寸会根据方向自行调整。

这个网站在解释它方面做得更好http://responsejs.com/labs/dimensions/

于 2013-04-13T21:50:11.127 回答