移動設備頁面高度不足時min-height 的尷尬處理

移動設備頁面高度不足時min-height 的尷尬處理

在做html5的頁面時，經常遇到頁面內容太少撐不起來整個手機屏幕的高度。

我們經常使用min-height來處理，比如min-height:568px; 對應的是iPhone5 的高度；

而這樣iPhone6plus下方就會出現空白。

而如果設置 min-height:736px; iPhone5的話就會出現滾動條；

此時我們可以使用

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

把min-height 干掉 就適應任何屏幕100%高度啦。