vw和vh单位是相对于视口的尺寸所计算的结果
- vw（viewport width）
- 1vw = 视口宽度的 1%
- vh（viewport height）
- 1vh = 视口高度的 1%
vw单位的适配：
- 确定设计稿的宽度（视口的宽度），得到 1vw = 视口宽度的1%
- vw单位的尺寸 =
px / 1vw=px / 视口的宽度的1%
vh单位的适配：
- 确定设计稿的高度（视口的高度），得到 1vh = 视口高度的1%
- vh单位的尺寸 =
px / 1vh=px / 视口高度的1%
例如：
此时视口宽度1920px 高度1080px
1vw = 1920px / 100 = 19.2 px
1vh = 1080px / 100 = 10.8px