CSS背景圖按比例縮放是網(wǎng)頁(yè)設(shè)計(jì)中常用的技巧。這種方法可以在不失真的情況下，將背景圖縮放到適合當(dāng)前屏幕大小的尺寸。

代碼中，我們首先使用了div標(biāo)簽來(lái)創(chuàng)建一個(gè)空白的容器，并為其設(shè)置了背景圖片。其中，url()函數(shù)用于指定背景圖片的路徑。這里我們假設(shè)背景圖片的文件名為“background_image.jpg”，并放置在img文件夾內(nèi)。

接著，我們?yōu)槿萜髟O(shè)置了一個(gè)與視口高度相同的高度，用于保證背景圖片可以完整顯示在視口內(nèi)。由于我們希望圖片能夠按比例縮放，所以在背景圖的縮放方式上，我們選擇了contain值。contain值會(huì)按比例縮放背景圖片，使其完全位于容器中，并保持其原始寬高比。

除了背景圖片的縮放方式，我們還設(shè)置了背景圖片在容器中的位置。這里我們選擇了center center值，將背景圖水平和垂直居中顯示，并且設(shè)置了背景圖不重復(fù)。

使用CSS背景圖按比例縮放，可以為網(wǎng)頁(yè)設(shè)計(jì)帶來(lái)更美觀的效果。在實(shí)際應(yīng)用中，我們可以根據(jù)具體需求進(jìn)行調(diào)整，實(shí)現(xiàn)更加優(yōu)秀的視覺(jué)效果。