vw/vh是什么
vw/vh是一个相对单位（类似em和rem相对单位）
- vw是：viewport width 视口宽度单位
- vh是：viewport height 视口高度单位，相对视口的尺寸计算结果
- 1vw = 1/100视口宽度
- 1vh = 1/100视口高度
例如：当前屏幕视口是375像素，则1vw就是3.75像素，如果当前屏幕视口为414，则1vw就是4.14px和百分比有区别的，百分比是相对于父元素来说的，而vw和wh总是针对于当前屏幕视口来说的
还原设计稿
假如设计稿宽度是375来设计的，有个盒子是50像素宽高的，如何使用vw
① 设计稿宽度是375，所有视口宽度尺寸是375像素
② 那么1vm是多少像素，算法：375px / 100 = 3.75px
③ 我们要使用50px*50px怎么换算成vw，算法：50 / 3.75 = 13.33333vw
vw注意事项
- 因为设计到大量除法，还是适应Less搭配更好点
- 我们本质是根据视口宽度来等比例缩放页面元素高度和宽度的，所以开发中使用vw就基本够用了，vh很少使用
