`vw` 和 `vh` 是 CSS 中的相对长度单位,分别表示视口宽度(Viewport Width)和视口高度(Viewport Height),即浏览器窗口的宽度和高度。
- `100vw` 表示元素的宽度等于视口的宽度。
- `100vh` 表示元素的高度等于视口的高度。
这种方式常用于实现全屏背景或者占满整个屏幕的元素。例如:
```css
body {
margin: 0;
padding: 0;
}
.full-screen {
width: 100vw;
height: 100vh;
}
```
上面的代码表示将 `full-screen` 元素的宽度设置为视口的宽度,高度设置为视口的高度,从而使该元素占据整个屏幕。注意,由于浏览器可能存在滚动条,因此使用 `100vh` 可能会比实际屏幕高度略小一些。