iPad で Web ページを表示するときに、BODY の最も安全な幅と高さを知っている人はいますか? スクロールバーはできるだけ避けたいです。
ありがとう。
エリック
ベストアンサー1
ページのピクセル幅と高さは、向きと、指定されている場合はメタ ビューポート タグによって異なります。iPad 1 ブラウザーで jquery の $(window).width() と $(window).height() を実行した結果を次に示します。
ページにメタビューポートタグがない場合:
- ポートレート: 980x1208
- 横長: 980x661
ページに次の 2 つのメタ タグのいずれかがある場合:
<meta name="viewport" content="initial-scale=1,user-scalable=no,maximum-scale=1,width=device-width">
<meta name="viewport" content="initial-scale=1,user-scalable=no,maximum-scale=1">
- 縦: 768x946
- 横長: 1024x690
と<meta name="viewport" content="width=device-width">
:
- 縦: 768x946
- 横長: 768x518
と<meta name="viewport" content="height=device-height">
:
- ポートレート: 980x1024
- 横長: 980x1024
と<meta name="viewport" content="height=device-height,width=device-width">
:
- ポートレート: 768x1024
- 横長: 768x1024
と<meta name="viewport" content="initial-scale=1,user-scalable=no,maximum-scale=1,width=device-width,height=device-height">
- ポートレート: 768x1024
- 横長: 1024x1024
と<meta name="viewport" content="initial-scale=1,user-scalable=no,maximum-scale=1,height=device-height">
- ポートレート: 831x1024
- 横長: 1520x1024