怎么用CSS等比例縮小圖片大小

在CSS中，我們可以使用width和height屬性來設(shè)置圖片的大小，如果我們想要等比例縮小圖片的大小，那么可以只設(shè)置width或height中的一個屬性，另一個屬性會自動根據(jù)圖片原始的長寬比進(jìn)行縮放。

如果我們有一張寬度為500像素的圖片，想要將其縮小到300像素的寬度，可以編寫如下CSS代碼：

img {
  width: 300px;
  height: auto;
}

在上面的代碼中，我們將圖片的寬度設(shè)置為300像素，并將高度設(shè)置為auto，這樣CSS會自動計算高度以保持圖片的原始長寬比。

如果想要進(jìn)一步驗(yàn)證圖片是否等比例縮放，可以使用瀏覽器的***工具來查看圖片的實(shí)際大小，在Google Chrome中，可以按下F12鍵打開***工具，然后找到圖片元素并查看其width和height屬性。

需要注意的是，如果圖片本身沒有明確的寬度和高度屬性，或者寬度和高度屬性的值不匹配，那么CSS可能無法正確地進(jìn)行等比例縮放，在這種情況下，需要確保圖片本身具有明確的寬度和高度屬性，或者手動設(shè)置CSS中的width和height屬性以保持其原始長寬比。