CSS背景自適應(yīng)是網(wǎng)頁設(shè)計中非常重要的一部分。一般情況下，我們使用的背景圖片都是固定大小的。但是，當(dāng)網(wǎng)頁的尺寸發(fā)生變化時，背景圖就會出現(xiàn)重復(fù)或者拉伸等現(xiàn)象，影響頁面的美觀性和用戶體驗。解決這個問題的方法就是使用CSS的背景自適應(yīng)功能。

首先，我們需要將背景的高度固定。這樣可以確保背景圖不會出現(xiàn)拉伸的情況，同時也能夠在頁面滾動時保持背景圖始終顯示。我們可以通過這樣的代碼來實現(xiàn)：

background-size: auto 100%;

這里的100%是為了讓背景圖片的高度與頁面的高度一致。而auto則是為了讓背景寬度根據(jù)頁面寬度自適應(yīng)，保持背景圖的比例不變。

接下來，我們可以使用background-repeat來制定圖片的重復(fù)方式。如果希望圖片完整地顯示在頁面上，可以設(shè)置為no-repeat：

background-repeat: no-repeat;

如果背景圖比頁面還要小，我們可以選擇讓其重復(fù)，從而填滿整個頁面。代碼如下：

background-repeat: repeat;

最后，如果你希望背景圖與內(nèi)容區(qū)分開，可以設(shè)置內(nèi)容的padding。下面是一個完整的例子：

body {
background-image: url('bg.jpg');
background-size: auto 100%;
background-repeat: no-repeat;
padding: 50px;
}

這個例子將背景圖設(shè)置為了bg.jpg。同時，通過設(shè)置padding讓頁面的內(nèi)容與背景有了一定的間隔，使得頁面更加美觀。