CSS背景圖片按比例縮放是網頁設計中常用的技巧。在一些需要使用背景圖片來裝飾網頁的場景下，如果不按比例縮放背景圖片，會導致圖片顯示不完整或者變形失真。本篇文章將為您介紹如何通過CSS樣式表實現背景圖片按比例縮放。

// CSS代碼示例
.bg-img {
background-image: url('example.jpg');
background-repeat: no-repeat;
background-position: center;
background-size: contain;
}

在上述代碼中，我們使用了background-image屬性來指定背景圖片，使用background-repeat屬性來控制是否重復平鋪背景圖片，使用background-position屬性來指定背景圖片的位置，使用background-size屬性來指定背景圖片的大小。其中，background-size屬性是關鍵。

在background-size屬性中，我們設置了contain參數。該參數的作用是讓背景圖片在保持比例的前提下盡可能地縮小，直至完全容納在背景區域中。因此，無論背景區域的大小如何，背景圖片都能夠按比例縮放適應。

總之，通過設置background-size屬性為contain，我們可以輕松實現CSS背景圖片按比例縮放。這種技術在網頁設計中非常常用，尤其是在需要展示大量圖片的網站中，能夠極大地提升用戶體驗，使得網頁更加美觀、舒適。