CSS背景圖可以作為網頁設計中一個重要的元素，給網頁增加更豐富的內容和色彩，讓用戶感覺更加舒適。使用CSS背景圖時，我們可以根據需要自動縮放背景圖片，來適應不同的瀏覽器窗口尺寸和設備大小。下面我們將會學習如何使用CSS來實現圖片背景的自動縮放功能。

要使用CSS背景圖的自動縮放功能，我們需要使用以下兩個CSS屬性：background-size和background-position。

background-size: auto;
background-position: center center;

其中，background-size屬性可以用來設置背景圖片的大小。默認值為“auto”，表示以圖片的原始大小來顯示。而background-position屬性用來設置背景圖片的位置，其值為“center center”，表示將圖片置于背景中央。

同時，我們還可以使用“contain”或“cover”這兩個值來設置background-size屬性，來實現圖片的自動縮放。

background-size: contain;
background-position: center center;

當我們設置為“contain”時，背景圖片會以完整的長寬比例顯示在背景中，并且會盡量縮小以適應容器大小。而當我們設置為“cover”時，背景圖片會盡量鋪滿容器，并且不會出現拉伸變形的情況。

最后，我們需要注意的是，背景圖片的自動縮放功能只適用于圖片背景，如果是普通文本的背景則不會發揮作用。希望大家能夠在實際的網頁設計中靈活運用這一功能，讓自己的網頁更具豐富性和美感。