很简单，只需要在CSS文件中添加一个height属性即可。height属性可以接受任意长度单位，但是最常用的是百分比（%）单位，这样就可以保证高度总是和当前屏幕高度一致。
.container {
height: 100%;
}
上面的代码中，.container元素的高度被设置为100%，这就意味着它的高度会自动调整，以适应当前屏幕的高度。
还可以使用CSS的vh单位来设置元素的高度，vh单位表示一个视口的高度，1vh等于1%的当前屏幕高度，可以使用vh单位来设置元素的高度，以适应当前屏幕高度。
.container {
height: 100vh;
}
上面的代码中，.container元素的高度被设置为100vh，这就意味着它的高度会自动调整，以适应当前屏幕的高度。
也可以使用CSS的calc()函数来计算元素的高度，calc()函数可以计算任意长度单位，可以使用calc()函数来计算元素的高度，以适应当前屏幕高度。
.container {
height: calc(100% - 20px);
}
上面的代码中，.container元素的高度被设置为calc(100% - 20px)，这就意味着它的高度会自动调整，以适应当前屏幕的高度减去20px。
很简单，可以使用height属性，vh单位，以及calc()函数来实现，以适应当前屏幕的高度。
本文链接：http://task.lmcjl.com/news/5410.html