javascript - JavascriptでiPadの画面幅を取得する方法

Question

Javascript を使用して Web ページからすべてのモバイル デバイスの画面サイズを動的に取得する必要があります。

私はこれを試しました：

//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 を提供します。