1

でdivを設定すると

height:85vh;

かなりの量だけ画面から離れた要素IDの下部（ページの高さはわずか約40pxです....）

ページに収まるようにするには、設定する必要があります

height:55vh;

また、これは縦向きモードでのみ機能します。iPadを横向きにすると、画面を更新してもビューポートが縦向きであると思われるようです!

vh を 85 に設定すると、Android タブレット、Windows タブレット、およびデスクトップ ブラウザーで動作します (Android および Windows タブレットは、デバイスの回転時にビューポートのサイズも変更します)。iPadの動作がおかしいのはなぜですか？

4

1 に答える 1

0

私も今この問題を抱えています。完全にサポートされるまでの一時的な修正は、Javascript ハックになると思います。ビューポートの高さを Javascript で確認し、それを使用して要素の高さを設定します。タブレットでは、方向ごとに 1 つずつ、2 つのビューポートの高さがあるため、方向を変更するときに再計算を行います。

ここで良いガイドを見つけることができます: http://davidwalsh.name/orientation-change

于 2014-04-25T02:34:07.330 に答える