css - iPad のビューポートを占有する CSS レイアウトを作成する

Question

iPad のビューポートを完全に埋める Web ページを作成したいと考えています。また、ページレベルのスクロールを防ぐために、コンテンツがビューポートを超えないようにしたいと考えています。

1024x768 の縦長のレイアウトを試みましたが、最終的に横方向にクリッピングが発生し、ページのコンテンツがビューポートの下端を超えて拡張されました。

これをに追加しました：

そして、body のすぐ下にある単純な #container div を次のようにスタイル設定しています。

#container {
width: 768px;
max-width:768px;
height:1024px;
max-height:1024px;
margin:0 auto;
overflow:hidden;

}

iPadの寸法に固定されたレイアウトを実現する方法を知っている人はいますか?

ありがとう！

クリス

score 2 · Accepted Answer

これはどの画面にも表示され、応答性も優れています。

#container {
    position: absolute,
    top: 0,
    bottom: 0,
    left: 0,
    right: 0
}

score 0 · Accepted Answer

% を使用しないのはなぜですか?

例えば：

#container {
width: 50%;
height: 50%;
margin:0 auto;
overflow:hidden;
}

3 に答える 3