# 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.14

注意事项: 和百分比是有区别的,百分比是相对父元素来说的,而vw和vh总是针对于当前视口来说的。

小结:

1.vw和vh是什么?

  • 是相对单位,相对于视口来说的
  • 1vw就是当前视口的 1/100

2.vw和百分比的区别是什么?

  • 百分比 % 相对于父元素来说的
  • vw/vh 相对于当前视口来说的