vw/vh：移动适配之vw/vh(使用方法)

使用vw/vh布局，可以实现视口宽度不同，网页元素宽高等比缩放效果，比rem的优势在于，在代码中直接写vw/vh就能实现移动适配效果，不用引入js文件，比rem更简单，但有兼容问题，目前大厂已经转型到了vw。

vw/vh是相对单位，vw相对视口的宽度，vh相对视口的高度。
1vw = 1/100的视口宽度，1vh = 1/100的视口高度。
比如iphone6/7/8的视口宽是375，换算成vw就是3.75。

但实际开发中用vw最多，因为vh是相对视口高度计算尺寸的，一般我们都是相对的视口宽，而且使用vh需要考虑全面屏，视口高度尺寸会偏大。

// 设计稿是参考的375视口宽
@vw:3.75vw;
.nav {
	width:(69 / @vw);
	height:(15 / @vw);
	background-color:yellow;
}