如何在Javascript中獲取iPad屏幕寬度

我需要從使用Javascript的網頁動態獲取所有移動設備的屏幕大小。如何在Javascript中獲取iPad屏幕寬度

我已經試過這樣：

//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×1080（不是真正的768×1024）。

由於

莫羅

來源

2012-05-27 Mauro Cattaneo

這裏，看到這個答案：http://stackoverflow.com/q/6850164/1291428 – Sebas

窗口大小**！= **屏幕的分辨率。 – gdoron

你嘗試過屏幕對象嗎？ – Zaffy

獲取iPad上屏幕尺寸需要閱讀屏幕對象的寬度和高度屬性。

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

這些將根據方向提供768和1024。

來源

2013-04-19 10:36:34

screen.width和screen.height返回的值不正確。看看下面的意見： - 對於iPad3的其返回768×1024，其中它的原始分辨率爲1536 X 2048。 - 對於iPhone5的其返回320×568，其中以原始分辨率爲640×1136 按我的觀察，screen.width和screen.height工作完美的Android設備。但對於iOS設備，它返回的值不正確。有關如何查找iOS設備的屏幕分辨率的任何想法？ –

@AnkitPrajapati它返回的CSS分辨率，這是screen.width的目的。您應該始終將設備分辨率視爲css分辨率。 –

@JoshLyness：謝謝你的澄清。 :) –

如何在Javascript中獲取iPad屏幕寬度

回答

相關問題