CSS中，背景圖是一個常用的樣式。但是，當瀏覽器大小改變時，背景圖的大小也會隨之改變嗎？這個問題涉及到CSS中背景圖的兩種屬性background-size和background-repeat。

讓我們來看一個例子：

div {
background-image: url('example.jpg');
background-repeat: no-repeat;
background-size: 100%;
}

上面的代碼表示背景圖例.jpg，不重復顯示，大小為100%。這樣的效果是會隨著瀏覽器大小的改變而調(diào)整大小的。

但是有時候，我們希望背景圖以其他的方式隨著瀏覽器的大小變化而變化，比如說重復填充以適應(yīng)大小的改變。

div {
background-image: url('example.jpg');
background-repeat: repeat;
background-size: auto;
}

這個例子中，背景圖例.jpg會重復填充整個div。而background-size: auto;的設(shè)置意味著圖片的大小將會根據(jù)需要自動調(diào)整。這樣當瀏覽器大小變化時，背景圖就會隨著變化而變化。

我們還可以使用CSS3新增的background-size: cover;來確保背景圖都能完全覆蓋div（不留空白），但是這種方式可能會讓一些部分被裁剪掉。

總之，要讓背景圖隨著瀏覽器大小的改變而變化，我們需要設(shè)置background-size和background-repeat這兩個屬性，讓它們與div相適應(yīng)。