CSS背景圖片是網頁設計中非常重要的元素之一，它可以為網站帶來豐富的視覺效果和個性化的風格。但是，由于不同設備和分辨率的差異，如何使背景圖片在不同屏幕上適配就成了一個非常重要的問題。

在CSS中，通過background-size屬性可以設置背景圖片的大小和適應方式。常見的設置屬性有：

background-size: cover; /* 按比例縮放背景圖像，直到寬度和高度都能完全覆蓋容器 */
background-size: contain; /* 按比例縮放背景圖像，直到寬度或高度等于容器的寬度或高度 */
background-size: auto; /* 圖像原始尺寸 */
background-size: 100% auto; /* 100%寬度，高度自適應 */
background-size: auto 100%; /* 100%高度，寬度自適應 */
background-size: 100% 100%; /* 寬度和高度都為100%，鋪滿整個容器 */

另外，在移動設備等較小屏幕上，我們可以對背景圖片進行壓縮處理，以優化加載速度和用戶體驗。

例如在CSS中設置：

background-image: url('bg.jpg');
background-size: 100% auto;
@media screen and (max-width: 768px) {
background-image: url('bg-sm.jpg');
}

這里設置了兩個不同大小的背景圖片，根據設備屏幕寬度進行判斷，小于等于768px時使用bg-sm.jpg圖片，這樣既可以節省加載時間，也可以避免圖片在小屏幕上過于模糊。

綜上，適配CSS背景圖片需要根據不同屏幕尺寸和設備進行設置，通過調整background-size屬性、使用多張不同大小的圖片以及壓縮處理等方法，可以讓背景圖片在不同設備上呈現出最佳的視覺效果。