CSS中的圖片寬度可以通過指定寬度或百分比來進(jìn)行控制，這個功能同樣適用于背景圖片。我們可以在樣式表中對背景圖片或img標(biāo)簽使用width屬性并設(shè)置一個具體值或百分比，使其按照指定的寬度來顯示。

img {
width: 50%;
}
div {
background-image: url("example.jpg");
width: 80%;
height: 500px;
background-size: contain;
background-repeat: no-repeat;
background-position: center;
}

以上代碼演示了如何通過設(shè)置img標(biāo)簽的width屬性和div的width屬性來對圖片進(jìn)行控制。img標(biāo)簽的寬度被設(shè)置為50%，而div的寬度被設(shè)置為80%。在div的樣式中，我們還指定了背景圖片的大小為contain，這意味著背景圖片將按比例縮放以適應(yīng)div容器，并且不會拉伸變形。background-repeat被設(shè)置為no-repeat，以防止背景圖片在容器中重復(fù)出現(xiàn)。

注意，如果只對img標(biāo)簽設(shè)置width屬性而不設(shè)置height屬性，則圖片將會按比例縮放以適應(yīng)指定的寬度，而高度將自動計算。同理，如果只對背景圖片設(shè)置寬度而不設(shè)置高度，則背景圖片也將按比例縮放以適應(yīng)寬度。

總之，通過設(shè)置CSS的width屬性，您可以輕松地對圖片進(jìn)行按比例縮放處理，確保適應(yīng)各種設(shè)備和屏幕尺寸。