vw与vh

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