css中高度怎么自适应呢？

CSS3 中新增了一组相对于可视区域百分比的长度单位 vw, vh, vmin, vmax。其中

vw 是相对于视口宽度百分比的单位，1vw = 1% viewport width;

vh 是相对于视口高度百分比的单位，1vh = 1% viewport height；

vmin 是相对当前视口宽高中 较小 的一个的百分比单位;

vmax 是相对当前视口宽高中 较大 的一个的百分比单位

利用 vw 单位，我们可以很方便做出自适应的正方形：