CSS中，我們可以使用媒體查詢（Media Queries）和視窗單位（Viewport Units）來實現(xiàn)背景自動變大小的效果，下面是一個簡單的示例：

body {
    background-image: url('image.jpg');
    background-size: 100vw 100vh;
    background-position: center;
    transition: background-size 0.5s;
}
@media (max-width: 600px) {
    body {
        background-size: 100% 100%;
    }
}

在這個示例中，背景圖片image.jpg的初始大小設(shè)置為視窗的100%，即寬度等于視窗寬度，高度等于視窗高度，使用transition屬性設(shè)置背景大小變化的過渡時間為0.5秒，在媒體查詢中，當(dāng)屏幕寬度小于600px時，背景圖片的大小將自動調(diào)整為容器的100%，以適應(yīng)較小的屏幕。

這個示例僅適用于支持CSS3視窗單位和媒體查詢的瀏覽器，在實際應(yīng)用中，您可能需要考慮更多的兼容性和性能優(yōu)化問題。