css中vh/vw与%的区别

1. vh 与 vw 的区别

vh 与 vw 都是根据窗口大小比例适应显示，

1vw = 窗口宽度的1%
1vh = 窗口高度的1%

vh 与 vw 差别仅在宽度或者高度

2. vh 与 vw 的与%区别

%为相对于父元素尺寸的比例

vh / vw 与 %的区别在于，一个针对窗口计算，一个针对父元素计算

3. 使用vh的情景

当使用flex布局时，flex:1自动占满剩余空间时，当子内容溢出，会导致%计算高度失效崩溃，此时就需要用vh来控制

版权声明：本文为weixin_39423672原创文章，遵循CC 4.0 BY-SA版权协议，转载请附上原文出处链接和本声明。