CSS是網頁設計中不可或缺的一部分。其中，圖片是網頁中經常出現的元素。為了讓網頁看起來更加美觀，我們通常會對網頁中的圖片進行縮放。但是，如果不進行等比縮放，可能會導致圖片變形。那么，怎么利用CSS實現等比縮放呢？

img {
max-width: 100%;
height: auto;
}

以上是利用CSS實現等比縮放的代碼。解釋一下這段代碼的含義：

• max-width: 100%表示圖片的最大寬度為父元素的100%，即圖片會隨著父元素的寬度進行縮放；
• height: auto表示圖片的高度為自適應的，這樣可以保證圖片等比縮放，不會變形。

需要注意的是，這段代碼必須要應用到標簽上，否則可能會產生一些不可預知的問題。

在使用以上代碼時，我們可以根據自己的需求進行一些微調。比如，可以通過設定max-height、min-width等屬性來進一步對圖片進行調整。

總之，等比縮放是保證圖片在網頁中顯示正常的重要方法之一。利用CSS實現等比縮放，能夠讓我們更加方便地進行網頁設計。