css height:100% 和 height:100vh的区别

在写样式的时候，遇到了需要设置高度的情况，为了适配不同设备，所以想到 百分比 和 vh 两种写法 。但他们有什么区别呢？

vh 就是当前屏幕可见高度的1%，

% 是相对于父元素高度的百分比。

当 屏幕可视区域高度 = 其父元素高度 时，

有 height:100vh == height:100%;

但是当元素没有内容或其父元素没有高度时，设置height:100%，该元素不会被撑开，此时高度为0，

但是设置height:100vh，该元素会被撑开与屏幕可视高度一致。

 

拓展：vw  是当前屏幕可见宽度的1%

完善自：https://blog.youkuaiyun.com/qq_16687863/article/details/100516013