vw，是指CSS中相对长度单位，表示相对视口宽度（Viewport Width），1vw = 1% * 视口宽度
vh，是指CSS中相对长度单位，表示相对视口高度（Viewport Height），1vh = 1% * 视口高度
示例代码 :
p{
font-size: 15vw;
}
如果视口的宽度是200mm，那么上述代码中p元素的字号将为30mm，即(15x200)/100，随着视口的变化，文字大写也会发生相应的调整
视口比例长度定义了相对于视口的长度大小，这是文档的可见部分。 当视口的大小被修改（通过更改桌面计算机窗口大小或旋转手机或平板设备的方向）时，只有基于Gecko的浏览器才会动态更新视口值。
如果html和body设置了overflow:auto，滚动条占据的空间不会从视口中减去（视口大小包括滚动条），但当设置为overflow:scroll时，滚动条占据的空间反而会从视口中减去（此时视口大小不包括滚动条）。
兼容性 :
兼容性.png
缺乏实际经验，至于该属性适合在什么场景下使用，以后会继续补充。
该文章同步在 :
CSDN Blog ： http://blog.csdn.net/levinhax/article/details/76652673
网友评论