H5頁面內容較少時如何讓頁面全屏在手機顯示呢

標籤：移動   如何   www   最小   全屏   網址連結   str   寬度   nbsp   

解決方案1:

設定如下:
html,body{

min-height:100vh;background-color:#fff;

}
這樣高度首先不會寫死,而且滿足最小高度是滿屏

解決方案2:

可以用vh和vw來布局。100vh和100vw就是你裝置的高度和寬度。先把外面盒子固定下來，所有的盒子的高度加起來等於100vh剛好佔滿一屏這樣就不會有空白。像你這種盒子比較少的可以用js擷取裝置的高度和寬度，然後用js設定盒子的高度，加起來等於你裝置的高度就可以了。字型大小用rem表示。相對於根字型的大小。這是移動端布局的一些做法。

解決方案3:

 

html,body {    width:100%;    height:100%;}body {    padding: 0;    margin: 0;}

 

解決方案4:

 

*{    padding: 0;    margin: 0;}body{    width: 100vw;    height: 100vh;}

 

以上介紹了“ (css)H5頁面內容較少時如何讓頁面全屏在手機顯示呢？”的問題解答，希望對有需要的網友有所協助。
本文網址連結：http://www.codes51.com/itwd/4444477.html

H5頁面內容較少時如何讓頁面全屏在手機顯示呢