在前端開發中，經常需要對背景圖片進行樣式調整。當我們想要背景圖片隨著瀏覽器大小的變化而自適應縮放時，可以使用CSS來實現。

在CSS中，通過設置background-size屬性的值，可以對背景圖片的大小進行控制。該屬性的值可以使用百分比、具體像素值或者關鍵字實現。其中，常用的關鍵字有：

background-size: auto;  /* 默認值，保持原圖比例 */
background-size: cover; /* 圖片拉伸以撐滿容器 */
background-size: contain; /* 圖片縮小以完整包含容器 */

例如，如果希望將背景圖片自適應地縮放成覆蓋整個容器，則可以將CSS代碼設置為：

background-size: cover;

如果要讓背景圖片被縮小以完整地包含整個容器，則可以設置為：

background-size: contain;

同時，也可以將background-size屬性的值設置為像素值或百分數，并根據實際需求進行選擇。例如，以下代碼將背景圖片的高度設置為容器高度的50%：

background-size: auto 50%;

值得注意的是，若容器的寬高與背景圖片尺寸比例不一致時，會產生拉伸或者填充留白等不良效果。因此，在做自適應背景圖片處理時，需要認真調整background-size屬性的值，從而使背景圖片與容器尺寸相適應。