移動(dòng)設(shè)備頁(yè)面高度不足時(shí)min-height 的尷尬處理

在做html5的頁(yè)面時(shí)，經(jīng)常遇到頁(yè)面內(nèi)容太少撐不起來整個(gè)手機(jī)屏幕的高度。

我們經(jīng)常使用min-height來處理，比如min-height:568px; 對(duì)應(yīng)的是iPhone5 的高度；

而這樣iPhone6plus下方就會(huì)出現(xiàn)空白。

而如果設(shè)置 min-height:736px; iPhone5的話就會(huì)出現(xiàn)滾動(dòng)條；

此時(shí)我們可以使用

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

把min-height 干掉 就適應(yīng)任何屏幕100%高度啦。

轉(zhuǎn)載于:https://www.cnblogs.com/diony/p/4679696.html

總結(jié)

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

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。