一、相对长度单位 vw / vh
实现在不同宽度设备中等比缩放的网页效果
- ①无需再进入【手机淘宝团队封装的flexible.js框架】
- ②未来发展方向，始终参考视口，不会被一层层父元素限制
- ③与rem原理类似，反而比rem简洁
- ④vw单位做的页面，无需给body最大和最小宽度，头部和底部也无需在设置最大和最小宽度
与百分比布局对比
1 vw=视口宽度/100
要写的值 vw=测量出的值 / （视口宽度/100)
在实际开发中，不会将 vw 和 vh 混合使用，如 【width:100vw; height:100vh;】统一使用 vw 单位，【受全面屏影响】
二、使用vw 或 vh 相对单位时需引入插件【px to vw】
装插件方便我们写长度值时，不要计算
