CSS 如何使圖片等比縮放 要使圖片等比縮放，即按照圖片原始比例縮放，我們可以使用下面的 CSS 代碼： ``` img { max-width: 100%; height: auto; } ``` 這個代碼中，我們設置了 `max-width` 和 `height` 屬性。`max-width` 屬性指定圖片的最大寬度為容器的寬度，也就是說，當圖片寬度大于容器的寬度時，圖片的寬度將被縮小到容器的寬度；當圖片寬度小于容器的寬度時，圖片的寬度將保持不變。`height` 屬性設置為 `auto`，表示高度會根據寬度的改變而自動調整，從而使整個圖片保持原始比例。 當然，在實際開發中，我們也可以將這個 CSS 代碼應用到特定的圖片上。例如，我們可以給特定的圖片添加一個 class 名稱 `scale-down`，然后在 CSS 中通過下面的代碼設置它的樣式： ``` .scale-down { max-width: 100%; height: auto; } ``` 這樣，當我們需要實現等比縮放效果時，只需給需要縮放的圖片添加 `scale-down` class 名稱即可。 通過這種方式，我們可以很方便地實現圖片等比縮放效果，同時避免了圖片變形的問題，提高了用戶的瀏覽體驗。