CSS是一種非常強(qiáng)大的樣式語(yǔ)言，它可以給網(wǎng)站添加各種各樣的效果，其中包括背景圖片。當(dāng)我們需要添加背景圖片時(shí)，有時(shí)候我們會(huì)發(fā)現(xiàn)圖片的大小并不適合我們想要的效果。這時(shí)候，我們就需要調(diào)節(jié)背景圖片的大小了。

background-size: 寬度 高度;

上述代碼中的“寬度”和“高度”均為對(duì)應(yīng)的像素值或百分比。通過(guò)修改這個(gè)屬性，我們就可以實(shí)現(xiàn)調(diào)節(jié)背景圖片的大小，讓其更加適合我們的設(shè)計(jì)。

如果我們只想修改寬度或高度中的一個(gè)，可以將另一個(gè)屬性設(shè)置為“auto”：

background-size: 寬度 auto;
background-size: auto 高度;

此外，我們也可以使用“cover”和“contain”來(lái)控制背景圖片在元素中的大小和位置。

background-size: cover;
background-size: contain;

其中，“cover”會(huì)強(qiáng)制拉伸或壓縮背景圖片以使其覆蓋整個(gè)元素區(qū)域，而“contain”則會(huì)使圖片保持其原始比例并盡可能填充整個(gè)元素區(qū)域。

最后，需要注意的是，如果要兼容不同的瀏覽器，我們需要在代碼中添加相應(yīng)的前綴：

-webkit-background-size: 寬度 高度;
-moz-background-size: 寬度 高度;
-o-background-size: 寬度 高度;
background-size: 寬度 高度;

通過(guò)上述方法，我們可以輕松地調(diào)節(jié)背景圖片的大小，并使其更好地適應(yīng)我們的設(shè)計(jì)需求。