CSS3是一种用于网页设计的样式表语言，它不仅可以实现网页的美化，还可以提高网页的响应速度和可维护性。其中，CSS3单位vw和vh是相对于视口尺寸的单位。
如下所示：
vw：表示视口宽度的百分之一，例如，如果视口的宽度为1000px，则1vw=10px。
vh：表示视口高度的百分之一，例如，如果视口的高度为800px，则1vh=8px。
使用vw和vh可以让设计师不再依赖于固定尺寸，而是根据视口的大小来布局网页。这也就意味着网页布局可以更加灵活，因为当用户更改浏览器的窗口大小时，网页的布局也会随之自适应。
如下所示：
上面的DIV元素的宽度和高度分别为视口宽度的一半和视口高度的一半。这意味着，当用户更改浏览器窗口的大小时，DIV的尺寸会自动缩放。
