CSS背景圖的大小隨瀏覽器大小變化是很常見的需求，下面我們介紹如何實現。

首先，在CSS中指定一個背景圖片：

.background {
background-image: url("background-image.jpg");
}

接著，使用CSS3中的background-size屬性指定背景圖片的大小，使用cover值可以使圖片填充整個元素：

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

這樣，背景圖片會根據元素的大小縮放或擴展。但有些情況下，我們希望背景圖片寬度保持不變，高度隨瀏覽器大小變化，那么可以使用background-size屬性指定背景圖片的寬度和高度的比例，如下：

.background {
background-image: url("background-image.jpg");
background-size: 100% auto;
}

這個例子中，背景圖片的寬度被指定為100%，高度會根據瀏覽器大小自適應變化。

為了保證背景圖片能夠充滿整個元素，可以使用background-position屬性使背景圖片的位置居中：

.background {
background-image: url("background-image.jpg");
background-size: 100% auto;
background-position: center center;
}

到此，我們就實現了背景圖片隨瀏覽器大小變化的效果。