CSS可以幫助我們獲取設備的高度并根據高度調整頁面的布局。要獲取設備高度，我們可以使用CSS中的“vh”單位。

/* 要將一個元素的高度設置為設備高度的80％，可以使用以下代碼：*/
.element {
height: 80vh;
}

在這個例子中，“vh”代表視窗高度。100vh等于整個視窗的高度，而80vh等于視窗高度的80％。

我們也可以使用JavaScript動態獲取設備高度并將其應用于CSS中。以下是一個示例：

const height = window.innerHeight;
document.querySelector('.element').style.height = `${height}px`;

在這個例子中，我們使用JavaScript獲取設備的視窗高度并將其存儲在變量“height”中。然后，我們選擇一個具有“element”類的元素并將其高度設置為“height”變量的值加上“px”。

有了這些技巧，我們可以輕松地根據設備的高度來調整頁面布局，使用戶體驗更好。