css3自适应布局单位vw和vh

vw/vh是什么：

vw/vh是一个相对单位  （类似em和rem相对单位)

vw是:   viewport width  视口宽度单位

vh是:   viewport height  视口高度单位

相对视口的尺寸计算结果：

1vw = 1/100视口宽度

1vh = 1/100视口高度

例如：

当前屏幕视口是375像素，则1vw就是3.75像素，如果当前屏幕视口为500像素，则1vw就是5像素

注意事项：

和百分比有区别的，百分比是相对于父元素来说的，而vw和vh总是针对于当前视口来说的。