在CSS中，背景圖片是一種很重要的設計元素。然而，在不同的設備和屏幕上，背景圖片的大小并不總是適應的。為了讓背景圖片自適應，可以使用以下方法：

.background-img{
background-size: cover;
background-position: center;
}

其中，background-size: cover可以讓背景圖片自動拉伸以適應整個元素的大小，同時保持縱橫比例不變。而background-position: center則可以將背景圖片放置在元素的中央。

如果希望背景圖片可以隨著設備大小而調整，可以將background-size: cover替換為background-size: contain。這樣可以確保背景圖片在不同大小的屏幕上都能完全顯示，但是圖片可能會存在黑邊。因此，建議將背景圖片調整為合適的尺寸，避免出現黑邊現象。

.background-img{
background-size: contain;
background-repeat: no-repeat;
background-position: center;
}

除此之外，也可以使用 media queries 和不同的背景圖片來適應不同的設備。例如：

.background-img{
background-image: url('desktop-bg.jpg');
}
@media (max-width: 768px){
.background-img{
background-image: url('mobile-bg.jpg');
}
}

以上代碼可以讓在手機端時顯示 mobile-bg.jpg，而在桌面端顯示 desktop-bg.jpg。這樣可以讓背景圖片在不同的設備上達到最佳的效果。