100vh和100vw是什么意思？

vw/vh

目标：能够使用vw单位设置网页元素的尺寸
它们是 相对单位，对视口的尺寸计算结果

1. l vw：viewport width
   1vw = 1/100视口宽度
2. l vh：viewport height
   1vh = 1/100视口高度。
   我们若想刚好实现一屏的话可以用100vh来实现，可以适用于不同的分辨率。
   *注：vw和vh在同一个选择器中不能同时出现，同一选择器中只能出现一个。

  <div class="box2"></div>
  .box2 {
  width: 10vh;
  height: 100vh;
  background-color: green;
}