css 获取当前页面高度 |css设置英文首字母大写

/* 获取当前页面的高度 */
height: 100vh;

上面的代码是最简单且常用的方法，它利用了CSS中的“vh”单位，“vh”表示视口高度的百分之一，因此设置为100vh即为当前视口高度。

如果超出视口高度，可以使用以下代码:

/* 获取当前页面的高度 */
height: 100%;
min-height: 100vh;

上面的代码先使用“100%”设置高度，如果内容超出了视口高度，会自动扩展到足够的高度。同时还设置了“min-height”，确保视口高度小于页面高度时，页面高度也能自动扩展到足够的高度。

除此之外，还有一些其他方法可以获取当前页面的高度，例如监听窗口大小修改事件等。但是，使用CSS设置高度是一种最简单、最常用的方法，能够满足大部分网站开发的需求。

总的来说，获取当前页面高度是网站设计中的一个重要问题，掌握使用CSS设置高度的方法，可以有效地提高网站的视觉效果与用户体验。