100vh
是一个 CSS 单位,表示视口(浏览器窗口)的高度。具体来说,它表示相对于视口高度的百分比,其中 vh
表示视口高度的1%。
举个例子,如果浏览器窗口的高度为 800 像素,那么 100vh
就等于 800 像素。如果浏览器窗口的高度改变为 1200 像素,那么 100vh
也会相应地变为 1200 像素。
使用 100vh
可以帮助我们创建占据整个视口高度的元素,使其适应不同屏幕大小和分辨率的设备。例如,你可以将一个元素的高度设置为 height: 100vh;
,使其占据整个浏览器窗口的可见区域。
需要注意的是,100vh
是相对于视口高度的,而不是相对于整个页面的高度。如果页面有滚动条,滚动页面并不会改变视口高度,因此 100vh
的值也不会发生变化。
总结起来,100vh
是一个很便利的 CSS 单位,可以用于创建具有全屏高度的元素或布局,以及实现响应式设计。