CSS中的寬度和高度設置是網頁設計中的基礎知識，但是很多初學者常常會遇到一些問題，比如如何使元素的寬度和高度自適應窗口大小，或者如何使元素在不同設備上有不同的尺寸。這就需要用到寬度和高度自適應的CSS設置。

html, body {
height: 100%;
}
.container {
width: 100%;
height: 100%;
}

在上面的代碼中，我們首先設置了html和body的高度為100%，這是為了讓容器元素可以占據整個窗口。然后，我們通過設置容器元素的寬度和高度為100%，使得它可以完全覆蓋整個窗口。

除了上面這種基本的自適應設置，我們還可以使用一些其他的方法，如設置最大寬度和最大高度，或者使用百分比值來設置寬度和高度。

.container {
max-width: 1200px;
max-height: 800px;
}
img {
width: 100%;
height: auto;
}

在這個例子中，我們設置了容器元素的最大寬度為1200px，最大高度為800px，這樣可以使它在不同設備上有不同的尺寸。另外，我們還使用了一個在圖片中常用的技巧，通過設置圖片的寬度為100%和高度為auto，使圖片可以在不改變寬高比的情況下適應容器的大小。

總之，在網頁設計中，寬度和高度的自適應設置是非常重要的基礎知識，掌握它們可以使網頁更加美觀和用戶友好。