在網(wǎng)頁(yè)開(kāi)發(fā)中，背景圖片是非常重要的一個(gè)元素，而CSS則是控制網(wǎng)頁(yè)樣式的關(guān)鍵語(yǔ)言之一。當(dāng)我們需要使用背景圖片時(shí)，通常都需要設(shè)置一個(gè)固定的寬高比例。然而，如果我們想讓背景圖片可以自動(dòng)適應(yīng)屏幕大小怎么辦？

這時(shí)，CSS提供了一個(gè)很方便的屬性——background-size。使用這個(gè)屬性，我們可以讓背景圖片按照指定的方式自動(dòng)調(diào)整大小。其中，最常用的方式是設(shè)置為“cover”或“contain”：

body {
background-image: url("bg.jpg");
background-size: cover;
/* 或者 background-size: contain; */
}

其中，cover表示背景圖片鋪滿整個(gè)父元素，可能會(huì)被裁剪；contain表示將背景圖片縮放以適應(yīng)父元素大小，可能會(huì)顯示空白部分。

除了“cover”和“contain”之外，CSS還提供了一些其他的取值：像素值、百分比、auto等等。通過(guò)設(shè)置這些取值，我們可以讓背景圖片按照我們的需求自動(dòng)適應(yīng)網(wǎng)頁(yè)大小。例如，我們可以將背景圖片的寬度設(shè)置為100%，讓其鋪滿整個(gè)頁(yè)面：

body {
background-image: url("bg.jpg");
background-size: 100% auto;
}

總結(jié)起來(lái)，通過(guò)使用background-size屬性，我們可以讓背景圖片自動(dòng)適應(yīng)屏幕大小，從而讓網(wǎng)頁(yè)更美觀、更符合用戶需求。