使用CSS计算高度铺满屏幕

作者：System 时间：2024年08月12日分类：所有,css 字数：257

这篇文章距离上次修改已过445天，其中的内容可能已经有所变动。

要使元素的高度铺满整个屏幕，可以使用 vh（viewport height）单位。100vh 等于整个视口的高度。将元素的高度设置为 100vh 就可以实现。

CSS 示例代码：




.full-screen {
  height: 100vh; /* 高度铺满整个屏幕 */
}

HTML 示例代码：




<div class="full-screen">
  这个元素的高度将会铺满整个屏幕。
</div>