在CSS3中,`vh` 和 `vw` 是视口单位(viewport units),它们分别代表视口高度的百分比和视口宽度的百分比。
`vh` 是视口高度的缩写,其中 `v` 代表视口(viewport),`h` 代表高度(height)。1vh 等于视口高度的1%。例如,`height: 50vh;` 表示元素的高度是视口高度的一半。
`vw` 是视口宽度的缩写,其中 `v` 代表视口(viewport),`w` 代表宽度(width)。1vw 等于视口宽度的1%。例如,`width: 75vw;` 表示元素的宽度是视口宽度的75%。
使用 `vh` 和 `vw` 可以让网页布局更加响应式,因为它们与视口的大小相关,而不是与文档流中的其他元素相关。这使得网页在不同设备上具有更好的适应性,尤其是对于移动端和桌面端之间的适配。
以下是一个简单的例子:
```css
.container {
height: 50vh;
width: 75vw;
发表回复
评论列表(0条)