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; }