CSS（Cascading Style Sheets）是一種用于描述網頁樣式的語言，其中包括寬度和高度的調整方法。通過使用CSS，我們可以創建出寬高度自適應的網頁效果。

要實現一個寬高度自適應的元素，我們可以使用CSS的百分比單位。例如，對于一個div元素，我們可以如下設置：

div {
width: 80%;
height: 50%;
}

這將使得該div元素在其父元素中自適應地占據80%的寬度和50%的高度。

另外，我們也可以使用CSS的vw和vh單位，它們分別表示視口寬度和高度的百分比。例如：

div {
width: 50vw;
height: 30vh;
}

這將使得該div元素的寬度為視口寬度的50%，高度為視口高度的30%。

除了使用百分比和vw/vh單位，我們還可以使用CSS的calc()函數來進行寬高度的計算。例如：

div {
width: calc(50% - 20px);
height: calc(30vh + 50px);
}

這將使得該div元素的寬度為其父元素寬度的50%減去20像素，高度為視口高度的30%加上50像素。

總的來說，CSS提供了多種方法來實現寬高度自適應的效果，開發者可以根據需要靈活地選擇。需要注意的是，寬高度自適應可能會受到瀏覽器窗口大小等因素的影響，因此在實際應用中需要進行充分的測試。