モバイルデバイスのページの高さが不足している場合のmin-heightの気まずい処理
403 ワード
モバイルデバイスのページの高さが不足している場合のmin-heightの気まずい処理
html 5のページを作るとき、ページの内容が少なすぎて携帯電話の画面全体の高さを支えられないことがよくあります.
min-height:568 pxなどのmin-heightをよく使用します.対応するのはiPhone 5の高さです.
これでiPhone 6 plusの下に空白ができます.
min-height:736 pxを設定すると、iPhone 5だとスクロールバーが出てきます;
この時点で
min-heightを乾かすと、どのスクリーンでも100%の高さに適応します.
html 5のページを作るとき、ページの内容が少なすぎて携帯電話の画面全体の高さを支えられないことがよくあります.
min-height:568 pxなどのmin-heightをよく使用します.対応するのはiPhone 5の高さです.
これでiPhone 6 plusの下に空白ができます.
min-height:736 pxを設定すると、iPhone 5だとスクロールバーが出てきます;
この時点で
position:absolute;
left:0;
right:0;
top:0;
bottom:0;
min-heightを乾かすと、どのスクリーンでも100%の高さに適応します.