在浏览器中， 1 vw = viewport 的宽度 /100
根据这个特性，vw 可以帮助我们实现移动端自适应布局，其优点在于所见即所得，甚至优于rem，因为完全不用使用额外的计算。
推荐和sass、less这种css预处理语言一起使用，因为其可以定义变量及函数，会在使用vw上提供巨大帮助。
下面三张图分别是在iphone 6|7|8 和ihone 6P|7P|8P 以及ipad Pro中的表现
原理
以设计稿为750为例，假设viewport代表窗口宽度
网页视口尺寸
window.screen.height //屏幕高度，667
window.innerHeight //网页视口高度，553
document.body.clientHeight //body高度，网页内容的高度根据网页内容决定
vh网页视口高度的1/100
vw网页视口宽度1/100
vmax取两者（vh/vw）最大值
vmin取两者（vh/vw）最小值
