CSS背景圖如何自適應？

在CSS中，背景圖自適應是一個常見的需求，為了實現(xiàn)背景圖的自適應，我們可以使用CSS的background-size屬性來控制背景圖的大小，該屬性可以設置為contain或cover，其中contain表示背景圖會被縮放以適應其容器，而cover則表示背景圖會覆蓋整個容器，可能會被裁剪。

除了background-size屬性，我們還可以通過設置background-position屬性來調(diào)整背景圖的位置，該屬性可以設置為top、right、bottom、left或center，用于指定背景圖的起始位置。

如果我們需要讓背景圖隨著頁面的縮放而自適應，可以使用CSS的媒體查詢（Media Query）來實現(xiàn)，通過媒體查詢，我們可以檢測不同設備的屏幕尺寸，并相應地調(diào)整背景圖的大小和位置。

需要注意的是，在使用CSS自適應背景圖時，我們應該避免使用***路徑或相對路徑來引用背景圖，而是應該使用URL來引用背景圖，這樣可以確保背景圖在不同設備上的引用路徑都是相同的。

CSS提供了多種方法來實現(xiàn)背景圖的自適應，我們可以根據(jù)具體的需求選擇適合的方法。