H5頁面的高度寬度100%

解決方案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; }