當我們在網頁中添加圖片時，有時會發現它們太大了，需要將它們縮小以適應頁面。此時，我們可以使用CSS百分比來縮小圖片。

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

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

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

需要注意的是，使用CSS百分比縮放圖片時，它們的原始大小也會相應地改變。因此，建議在使用之前將圖片壓縮到適當的尺寸，以便更好地適應網頁。