CSS是網站排版和布局的重要組成部分，它可以幫助我們實現很多樣式的效果。其中，“等比例縮小”是一種很常見的需求，在這里我們來介紹一下如何通過CSS實現等比例縮小的效果。

/* 設置 width 和 height */
img {
width: 120px;
height: 120px;
}
/* 等比縮小 */
img {
max-width: 100%;
height: auto;
}

以上CSS代碼中，我們首先使用了給定的寬度和高度對圖片進行設定。這樣雖然可以讓圖片顯示為指定的大小，但是當圖片本身的尺寸超過設定的寬度和高度時，就會出現圖片失真的情況。

因此，我們可以通過添加“等比例縮小”的CSS代碼來解決這個問題。具體來說，我們可以將圖片的最大寬度設置為100%，同時將高度設置為auto。這樣就可以在保持圖片比例的同時，讓其自動縮小到適合顯示的大小。

當然，如果你希望圖片在超過指定寬度和高度時也能正常顯示而不失真，可以將max-width改為width。這樣一來，即使圖片尺寸超過設定的大小，也會通過自動縮小以適應屏幕。