在CSS3中，`vh`和`vw`是视口单位（viewport units），它们分别代表视口高度的百分之一和视口宽度的百分之一。
`vh`（viewport height）：一个元素的高度是视口高度的1%。例如，`height: 50vh;` 表示元素的高度是视口高度的一半。
.png)
`vw`（viewport width）：一个元素的宽度是视口宽度的1%。例如，`width: 50vw;` 表示元素的宽度是视口宽度的一半。
这些单位特别有用，因为它们使得设计能够根据视口的大小自动缩放，而不必担心具体的像素值。这对于响应式设计来说非常有用，因为无论在什么设备上，内容都可以根据视口的大小进行适配。
以下是一个简单的例子：
```css
body {
height: 100vh;
width: 100vw;
background-color: lightblue;
发表回复
评论列表（0条）