CSS中的圖片適應窗口大小是一個常見的問題。現在，我們來學習如何實現這一功能。

首先，我們需要了解幾個 CSS 屬性。這些屬性可以幫助我們實現圖片自適應的目標。

第一個屬性是max-width。這個屬性可以讓圖片在超過窗口大小之前自動縮小。例如，我們可以將圖片的最大寬度設置為100%，這樣圖片將會在窗口縮小時自動縮小。

img {
max-width: 100%;
}

第二個屬性是height。這個屬性可以讓圖片的高度自適應。我們可以將圖片的高度設置為auto，這樣圖片的高度將會根據寬度自動調整。

img {
max-width: 100%;
height: auto;
}

第三個屬性是object-fit。這個屬性可以控制圖片在容器中的表現方式。我們可以將圖片的表現方式設置為contain或cover，這樣圖片將會根據容器自動調整大小。

img {
max-width: 100%;
height: auto;
object-fit: cover;
}

最后，我們需要將圖片的容器寬度設置為100%，這樣圖片才能在窗口中自適應。

.container {
width: 100%;
}

現在，我們已經完成了如何使圖片自適應的學習。記住，通過這些 CSS 屬性，我們可以創建出優美的網頁設計，為用戶提供更好的用戶體驗。