當(dāng)我們在網(wǎng)頁中添加圖片時，有時會發(fā)現(xiàn)它們太大了，需要將它們縮小以適應(yīng)頁面。此時，我們可以使用CSS百分比來縮小圖片。

img {
width: 50%; /*將圖片寬度縮小到50%*/
height: auto; /*自動調(diào)整高度，保持寬高比*/
}

上述代碼將圖片的寬度縮小到原來的50%，同時自動調(diào)整高度，保持寬高比不變。您可以根據(jù)需要調(diào)整縮放百分比，例如：

img {
width: 30%; /*將圖片寬度縮小到30%*/
height: auto; /*自動調(diào)整高度，保持寬高比*/
}

需要注意的是，使用CSS百分比縮放圖片時，它們的原始大小也會相應(yīng)地改變。因此，建議在使用之前將圖片壓縮到適當(dāng)?shù)某叽纾员愀玫剡m應(yīng)網(wǎng)頁。