javascript - JavaScriptで向きに依存する画面サイズ（IPad）を取得する

Question

iPadで画面のサイズを取得しようとしています。

$ wnd.screen.width $ wnd.screen.height

横向きモードの場合、サイズは768x1024を返します。これは私が期待するものではありません。1024x768の実際の寸法を取得するにはどうすればよいですか？

注：向きを変更するのではなく、横向きモードで開始し、そのモードのままにします。

Answer 1

最も簡単な解決策として、幅が高さよりも小さい場合は幅と高さを入れ替えて、常に横向きモードの解像度を取得します。

function getResolution(){
    return {
        width: $wnd.screen.width < $wnd.screen.height
             ? $wnd.screen.height
             : $wnd.scree.width,
        height: $wnd.screen.height > $wnd.screen.width
             ? $wnd.screen.width
             : $wnd.scree.height
    };
}

Answer 2

iPadは、向きを変えるときにスケーリングで面白いことをするのが好きです。

これらの問題の多くは、<meta viewport>タグを使用して解決できます。例：

<meta name="viewport" content="user-scalable=no,initial-scale=1.0,
 minimum-scale=1.0,maximum-scale=1.0">