移動設備頁面高度不足時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%高度啦。

轉載于:https://www.cnblogs.com/diony/p/4679696.html

總結

以上是生活随笔為你收集整理的移动设备页面高度不足时min-height 的尴尬处理的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。