CSS是網頁設計中必不可少的元素之一，它通過各種各樣的樣式來美化網頁，其中背景是一個非常重要的元素。在不同的情況下，我們可能需要讓CSS背景隨屏幕大小而變化，從而更好地適應不同大小的設備，提供更好的用戶體驗。

要實現這個效果，我們可以使用CSS3提供的background-size屬性。該屬性可以同時設置背景圖像的尺寸和背景區域的尺寸，這樣我們就可以實現自適應的背景效果。下面是一個例子：

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

在這個例子中，我們使用了一張圖片作為背景，并將背景尺寸設置為"cover"，這意味著背景圖像將會被拉伸，以適應整個背景區域。這樣，無論用戶使用何種設備查看頁面，都能夠得到相同的背景效果。

除了"cover"之外，我們還可以使用"contain"來保持背景圖像的原始尺寸，同時適應背景區域。另外，我們還可以使用具體的尺寸值，如"100% 100%"，這將使背景圖像鋪滿整個背景區域。

總的來說，使用CSS3的background-size屬性可以幫助我們實現自適應的背景效果，從而提升網頁的用戶體驗。在實際的網頁設計過程中，我們可以根據實際需要來選擇合適的背景尺寸，以達到最佳的效果。