CSS可以讓我們輕松地控制網(wǎng)頁的外觀，其中之一就是網(wǎng)頁的背景。然而，在不同的設(shè)備上，網(wǎng)頁的背景可能會顯得過大或過小，這很不美觀。如何解決這個問題呢？可以使用CSS的“等比例背景”功能。

body {
background-image: url("bg.jpg");
background-size: cover;
}

上面的代碼中，我們使用了background-size屬性，將其設(shè)置為“cover”。這種設(shè)置會將背景縮放到與容器完全相同的大小，并保持其寬高比。這就達到了等比例縮放的目的，無論是在大屏幕還是小屏幕上，都能得到最佳的背景顯示效果。

此外，如果需要將背景圖像固定在容器中，則可以使用“contain”設(shè)置。這種設(shè)置與“cover”不同，會讓圖像完整地顯示在容器中，但可能會留下一些空白區(qū)域。具體示例代碼如下：

body {
background-image: url("bg.jpg");
background-size: contain;
background-repeat: no-repeat;
background-attachment: fixed;
background-position: center center;
}

上述代碼中，我們還設(shè)置了背景圖像不重復(fù)（background-repeat）、固定位置（background-attachment）、以及在容器中居中顯示（background-position）。

總之，使用等比例背景功能可以使網(wǎng)站的設(shè)計更加美觀，縮短網(wǎng)頁加載時間，提升用戶體驗。