モバイル デバイスのページの高さが不十分な場合の min-height の扱いにくい_html/css_WEB-ITnose

HTML5 ページを作成する場合、ページのコンテンツが小さすぎて携帯電話の画面の高さ全体をサポートできないことがよくあります。

処理には min-height をよく使用します。たとえば、min-height:568px; は iPhone5 の高さに対応します

iPhone6plus の下には空白が表示されます。

そして、iPhone5 で min-height:736px; を設定すると、スクロール バーが表示されます

この時点で、

position:absolute;left:0;right:0;top:0;bottom:0;

を使用できます。そうすれば、あらゆる画面の 100% の高さに適応します。