在設計網頁時，背景通常是一個很重要的組成部分。傳統的背景圖片在不同尺寸的屏幕上往往不能自適應，因此使用 CSS 來自動調整背景是一種更好的選擇。

在 CSS 中，可以使用 background-size 屬性來實現背景圖片自適應。這個屬性的值可以是一個固定的像素值，也可以是一個相對的百分比值，表示圖片在容器中的大小。

.background {
background-image: url('bg.jpg');
background-size: cover;
}

上面的代碼將一個名為 bg.jpg 的圖片作為背景，并使用 cover 值讓圖片按比例縮放，正好填滿容器。當整個容器大小改變時，背景圖片也會相應地重新自適應。

除了 cover 外， background-size 還有其他的可選值。其中 contain 值將圖片縮放至它們都適合容器，而不會有任何部分被裁剪。例如：

.background {
background-image: url('bg.jpg');
background-size: contain;
}

這種情況下，如果容器大小改變，背景圖片將自動調整大小，而不會裁剪掉其任何部分。

最后，還可以使用百分比值來設置背景圖片的大小。例如，下面的代碼將背景圖片大小設置為容器大小的 50%：

.background {
background-image: url('bg.jpg');
background-size: 50%;
}

無論容器大小如何變化，背景圖片大小將始終是容器大小的 50%。

總而言之，通過使用 background-size 屬性，可以輕松實現背景圖片的自適應，使得網頁可以更好地適應不同的屏幕和尺寸。