[分享]css3怎么获取屏幕高度

CSS3可以通过几行简单的代码获取屏幕高度，让网页的排版更加准确美观。/ 获取屏幕高度 / height: 100vh; vh是CSS3的新单位，表示视窗高度的百分之几，因此100vh表示屏幕的整个视...

CSS3可以通过几行简单的代码获取屏幕高度，让网页的排版更加准确美观。

/* 获取屏幕高度 */
height: 100vh; 

vh是CSS3的新单位，表示视窗高度的百分之几，因此100vh表示屏幕的整个视窗高度。

/* 设置元素高度为屏幕高度的50% */
height: 50vh; 

同理，可以将元素的高度设置为屏幕高度的任意百分比。

如果需要在JavaScript代码中获取屏幕高度，可以使用以下代码：

// 获取屏幕高度
var screenHeight = window.innerHeight; 

该代码将获取可见视窗的高度，包括水平滚动条和边框的部分。

以上，就是CSS3获取屏幕高度的两种方法。可以根据实际情况选择合适的方法来实现网页的排版。