在写样式的时候，遇到了需要设置高度的情况，为了适配不同设备，所以想到 百分比 和 vh 两种写法 。但他们有什么区别呢？
vh 就是当前屏幕可见高度的1%，
% 是相对于父元素高度的百分比。
当 屏幕可视区域高度 = 其父元素高度 时，
有 height:100vh == height:100%;
但是当元素没有内容或其父元素没有高度时，设置height:100%，该元素不会被撑开，此时高度为0，
但是设置height:100vh，该元素会被撑开与屏幕可视高度一致。
拓展：vw 是当前屏幕可见宽度的1%
完善自：https://blog.csdn.net/qq_16687863/article/details/100516013