Question

html设置自适应宽高为什么底部会有大片留白

Answer 1

这是高度没有撑起来的原因，
重新设置公共样式；
html{width:100%;height:100%}
给你自适应的div设置比如a
.a{ display:table;width:100%;height:auto;background:#f00}再看一下是不是里面内容有多少高度，a的背景就撑到多少高度了？

Answer 2

css可以自适应宽，但是高度不能自适应，div高度设置100%，其实只会显示实际div内部所占用的高度。
body{height:100%;}
.div1{height:100%;}
这样设置才能保证div是100%屏幕高度