在網頁中，背景圖片是一個非常重要的元素，可以起到美化頁面、加深印象的作用。但是，很多人可能會遇到一個難題：當屏幕分辨率改變時，背景圖片可能無法適應，并顯示出不協調的情況。因此，需要使用css等比例縮小背景圖片，使其能夠適應各種屏幕分辨率。

background-size: cover;
background-position: center center;

background-size屬性可以設置背景圖片的尺寸，其中cover值可以使圖片填滿整個背景區域，同時保持圖片比例不變。background-position屬性可以設置背景圖片的位置，其中center center值可以將圖片居中對齊。

background-size: contain;
background-position: center center;
background-repeat: no-repeat;

如果想要在不改變背景圖片原始比例的情況下適應屏幕尺寸，可以使用background-size屬性的contain值。同時，使用background-repeat屬性可以防止圖片在縮小時出現重復。

以上兩種方法中，background-size屬性都是關鍵所在。在實際應用中，可以根據具體情況選擇不同的方法，并根據需要設置其他css屬性，達到最佳的背景圖片效果。