當我們在開發網頁時，常常需要使用背景圖作為網頁的裝飾。然而，不同屏幕尺寸的設備可能導致背景圖的顯示效果出現偏差。幸運的是，CSS提供了一些方法可以適應不同設備的屏幕大小。下面是一些方法：

/* 以百分比方式定位背景圖 */
.bg {
background-image: url(image.jpg);
background-size: cover;
background-position: 50% 50%;
background-repeat: no-repeat;
}
/* 使用媒體查詢修改背景圖URL */
@media only screen and (max-width: 768px) {
.bg {
background-image: url(small-image.jpg);
}
}

上面的CSS代碼可以實現背景圖的響應式調整，讓它可以自適應不同的設備屏幕大小。 背景圖也可以使用背景顏色或者無背景來實現。若要使用背景顏色，可以將背景圖的url屬性修改為background-color屬性。若要取消背景，可以將background-image屬性設置為none。

總之，CSS提供了多種方法來適應不同設備的屏幕大小，使背景圖和網頁的內容一起呈現出最佳效果。