CSS中給元素設(shè)置高度的方式有很多種，可以使用固定的像素值，也可以使用百分比，還可以使用vh單位。但有時(shí)候我們希望元素的高度能夠自適應(yīng)頁面的高度，那么該怎么實(shí)現(xiàn)呢？

可以使用以下的CSS代碼，將元素的高度設(shè)置為視口高度（Viewport Height，簡(jiǎn)稱vh）：

height: 100vh;

這樣，元素的高度就等于瀏覽器窗口的高度了。不過需要注意的是，這種方式在移動(dòng)設(shè)備中可能會(huì)存在問題，因?yàn)樵谝苿?dòng)設(shè)備上，瀏覽器的工具欄和底部導(dǎo)航欄通常會(huì)占用部分視口高度，導(dǎo)致實(shí)際顯示的高度不是完整的視口高度。

如果希望元素的高度包含這部分高度，可以使用以下的CSS代碼：

height: calc(100vh - 工具欄高度 - 底部導(dǎo)航欄高度);

其中，工具欄高度和底部導(dǎo)航欄高度可以通過JS代碼動(dòng)態(tài)獲取并計(jì)算。

總的來說，使用CSS讓元素的高度等于頁面的高度，可以提高頁面表現(xiàn)效果和用戶體驗(yàn)，增強(qiáng)網(wǎng)站的可讀性和可用性。