iPadで画面のサイズを取得しようとしています。
$ wnd.screen.width $ wnd.screen.height
横向きモードの場合、サイズは768x1024を返します。これは私が期待するものではありません。1024x768の実際の寸法を取得するにはどうすればよいですか?
注:向きを変更するのではなく、横向きモードで開始し、そのモードのままにします。
iPadで画面のサイズを取得しようとしています。
$ wnd.screen.width $ wnd.screen.height
横向きモードの場合、サイズは768x1024を返します。これは私が期待するものではありません。1024x768の実際の寸法を取得するにはどうすればよいですか?
注:向きを変更するのではなく、横向きモードで開始し、そのモードのままにします。
最も簡単な解決策として、幅が高さよりも小さい場合は幅と高さを入れ替えて、常に横向きモードの解像度を取得します。
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
};
}
iPadは、向きを変えるときにスケーリングで面白いことをするのが好きです。
これらの問題の多くは、<meta viewport>
タグを使用して解決できます。例:
<meta name="viewport" content="user-scalable=no,initial-scale=1.0,
minimum-scale=1.0,maximum-scale=1.0">