什么是窗口单位

窗口单位（Viewport Units）是一种表示相对于浏览器视口大小的长度单位。视口是浏览器窗口显示网页的区域，窗口单位允许开发者根据视口的宽度或高度来设置元素的尺寸或间距。

现有四种窗口单位：

1. vw（viewport width）：1vw等于视口宽度的1%。
2. vh（viewport height）：1vh等于视口高度的1%。
3. vmin（viewport minimum）：vmin取视口宽度和高度中较小的那个值的1%。
4. vmax（viewport maximum）：vmax取视口宽度和高度中较大的那个值的1%。

使用窗口单位可以实现响应式的设计和布局，使元素相对于视口自动调整大小，适应不同设备和屏幕尺寸。例如，可以使用vw单位设置一个元素的宽度为视口宽度的50%，这样无论用户在何种设备上打开网页，元素都会占据相对的视口宽度。