今天我們來聊一下如何調整 CSS 背景圖的大小。在實際開發中，我們經常需要使用背景圖來美化網頁。然而，有時候我們會發現，在不同屏幕尺寸下，背景圖的大小并不合適，于是就需要對其進行調整。那么，具體怎么操作呢？ 首先，我們需要在 CSS 中設置背景圖。假設我們的背景圖為一張名為“bg.png”的圖片，代碼如下：

.background {
background-image: url('../img/bg.png');
}

這里，我們將背景圖設置給了名為 “background” 的類。然后，我們使用 background-size 屬性來設置背景圖的大小（注意，這個屬性只對背景圖有效）。 如果我們想讓背景圖始終填滿整個元素：

.background {
background-image: url('../img/bg.png');
background-size: cover;
}

此時，背景圖會按照比例縮放，以填滿整個元素，并且保持縱橫比例不變，直到圖片完全覆蓋整個元素。 如果我們想讓背景圖沿著某個方向鋪滿整個元素：

.background {
background-image: url('../img/bg.png');
background-size: 100% auto; /* 橫向鋪滿，縱向自適應 */
}

當我們將 background-size 設置為 100% auto 時，背景圖會鋪滿整個元素的寬度，高度則會自適應。如果我們要使背景圖鋪滿整個元素的高度，寬度自適應，可以將屬性的值改為 auto 100%。 最后，如果我們想讓背景圖保持原圖大小不縮放，只需要將 background-size 屬性設置為 auto：

.background {
background-image: url('../img/bg.png');
background-size: auto;
}

以上就是關于如何調整 CSS 背景圖大小的方法，希望對大家有所幫助！