CSS背景圖片大小不變是網頁開發中比較重要的一個問題。有時候我們需要在一些元素中添加背景圖片，但是為了適配不同設備的分辨率，我們需要讓背景圖片的大小自適應，不會變形或者縮放。

.bg {
background-image: url('example.jpg');
background-repeat: no-repeat;
background-size: cover;
}

以上是一個常見的應用。background-image屬性用于指定背景圖片的路徑，background-repeat屬性用于控制背景圖片是否重復顯示，background-size屬性則是用來控制背景圖片的大小。

其中，cover是一個比較常用的屬性值，它會將背景圖片縮放到完全覆蓋元素，并保持寬高比。這樣，在不同大小的設備上瀏覽頁面時，背景圖片始終能夠完美的展示。

需要注意的是，當使用cover屬性值時，背景圖片可能會被裁剪或者留白。這時，可以通過調整背景位置，來解決這個問題。

.bg {
background-image: url('example.jpg');
background-repeat: no-repeat;
background-size: cover;
background-position: center center;
}

在上面的樣式中，我們添加了background-position屬性，將圖片對齊到元素中心。通過對background-position屬性的調整，可以讓背景圖片出現在自己想要的位置。

綜上所述，通過控制background-size屬性，我們可以輕松的解決背景圖片大小自適應的問題。在實際應用中，需要根據實際情況靈活使用。