CSS圖片自適應背景是現(xiàn)代網(wǎng)站設計中非常常見的一種技術，它可以讓網(wǎng)頁背景圖片根據(jù)瀏覽器窗口大小自動調(diào)整大小，適應不同的設備和屏幕尺寸。當我們在設計網(wǎng)頁時，背景圖片的尺寸和比例往往會因為不同的終端設備而有所不同，而使用CSS自適應背景圖片可以解決這個問題。

body {
background-image: url('background-image.jpg');
background-repeat: no-repeat;
background-size: cover;
background-position: center center;
}

如上述示例代碼所示，我們可以通過設置背景圖片屬性的值，來實現(xiàn)CSS自適應背景。其中，background-image屬性用于指定背景圖片的路徑；background-repeat屬性用于指定背景圖片是否重復，我們可以設置其為no-repeat表示不重復；background-size屬性用于指定背景圖片的大小和比例，我們可以設置其為cover表示自適應屏幕大小并保持圖片比例不變；而background-position屬性用于指定背景圖片的位置，我們一般將其設置為center center表示居中對齊。

除了通過CSS屬性來實現(xiàn)圖片自適應以外，我們還可以使用媒體查詢來實現(xiàn)不同設備上的圖片顯示。媒體查詢是基于CSS3中的一個新屬性@media，它可以讓我們根據(jù)設備的不同來應用不同的CSS規(guī)則。在這里，我們可以使用小尺寸的圖片來適應手機設備，而使用大尺寸的圖片來適應電腦設備的顯示。

@media screen and (max-width: 600px) {
body {
background-image: url('background-image-small.jpg');
background-size: cover;
background-position: center center;
}
}
@media screen and (min-width: 601px) {
body {
background-image: url('background-image-large.jpg');
background-size: cover;
background-position: center center;
}
}

如上述代碼所示，我們使用媒體查詢來應用不同尺寸的背景圖片，其中max-width表示最大屏幕寬度小于600px時，使用background-image-small.jpg作為背景圖片；而min-width表示最小屏幕寬度大于600px時，使用background-image-large.jpg作為背景圖片。這樣，我們就可以在不同的設備和屏幕尺寸下，展現(xiàn)出最佳的視覺效果，讓用戶獲得更好的體驗。