如何在Javascript中获取iPad屏幕宽度

Question

我需要使用Javascript从网页动态获取所有移动设备的屏幕尺寸。

我试过这个：

//get window's size
if (document.body && document.body.offsetWidth) {
 windowsWidth = document.body.offsetWidth;
 windowsHeight = document.body.offsetHeight;
}
if (document.compatMode=='CSS1Compat' &&
    document.documentElement &&
    document.documentElement.offsetWidth ) {
 windowsWidth = document.documentElement.offsetWidth;
 windowsHeight = document.documentElement.offsetHeight;
}
if (window.innerWidth && window.innerHeight) {
 windowsWidth = window.innerWidth;
 windowsHeight = window.innerHeight;
}

但在iPad上我得到的尺寸为：980 x 1080（不是真正的768 x 1024）。

由于

莫罗

Answer 1

在iPad上获取屏幕尺寸需要读取屏幕对象的宽度和高度属性。

var height = screen.height;
var width = screen.width;

这些将提供768和1024，具体取决于方向。