如何用CSS等比例縮小圖片

在CSS中，我們可以使用transform屬性中的scale函數(shù)來等比例縮小圖片。scale函數(shù)接受兩個參數(shù)：水平和垂直方向的縮放比例，如果我們希望圖片在水平和垂直方向上都縮小到原來的50%，我們可以這樣寫：

img {
  transform: scale(0.5, 0.5);
}

這段代碼會將圖片縮小到原來的50%，如果你希望圖片縮小到不同的比例，只需要改變scale函數(shù)的參數(shù)即可，如果你希望圖片縮小到原來的75%，那么可以這樣寫：

img {
  transform: scale(0.75, 0.75);
}

需要注意的是，transform屬性會改變圖片的尺寸，但不會改變圖片在文檔中的位置，如果你希望圖片在縮小后仍然保持在原來的位置，你需要確保圖片在文檔中已經(jīng)有了一個明確的位置。

transform屬性是CSS3的新特性，因此在一些老版本的瀏覽器中可能無法正常工作，如果你需要支持老版本的瀏覽器，你可能需要使用其他的方法來實現(xiàn)圖片的等比例縮小。