CSS可以幫助我們實現自動適應背景的效果。讓我們來看一下怎樣實現。

/* 設置背景 */
body {
background-image: url('my-background-image.jpg');
background-size: cover;
background-position: center;
background-repeat: no-repeat;
}
/* 背景自動適應 */
@media only screen and (max-width: 768px) {
body {
background-size: contain;
}
}

以上代碼設置了一個背景圖片，并指定了其尺寸、位置和重復方式。接下來，我們使用媒體查詢來實現背景圖片在不同設備上的自動適應。

在媒體查詢中，我們指定了最大寬度為768px的屏幕尺寸。當設備屏幕的寬度小于等于768px時，我們將背景尺寸設置為contain。這將使背景圖片可以完整地顯示在屏幕上，而不會太大或太小。

需要注意的是，為了保證背景圖片的質量，盡量使用高清晰度的圖片。此外，還需測試不同設備上的兼容性，以確保適應性表現一致。