CSS背景圖隨著顯示器變化可以提高用戶的瀏覽體驗。下面我們來介紹一些相關的知識。

// 設置背景圖
body {
background-image: url("bg.jpg");
background-size: cover;
}
// 當屏幕尺寸變化時，背景圖也跟著變化
@media screen and (max-width: 768px) {
body {
background-image: url("bg-small.jpg");
}
}

代碼中，我們首先設置了一張背景圖，然后通過`background-size: cover`使其填滿整個頁面。接下來，通過@media查詢在屏幕尺寸小于768px時使用另一張背景圖。

這樣做可以讓頁面更具響應性，并且當用戶在不同的設備上瀏覽網站時，可以獲得更好的體驗。