CSS可以輕松地控制圖片的大小，使您能夠輕松地在瀏覽器中縮小圖片。有時，您需要一張小一些的圖片，這時您可以使用CSS來解決問題。

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

上述CSS代碼非常簡單，它的意思是將圖片的最大寬度設置為100%，然后讓其高度自適應，這樣就能保證當圖片超出其容器尺寸時不會失幀或者被變形。

這對于那些想在響應式設計中使用大型圖片的網站來說非常有用。當縮放瀏覽器窗口或者切換到移動設備時，圖片可以自動適應其容器。

您還可以使用CSS的其他屬性來精細控制圖片的大小，如width、height、max-height等。但盡可能地避免手動指定具體的像素值，以免在不同設備上的顯示效果出現問題。

img {
width: 50%;
max-width: 500px;
height: auto;
max-height: 500px;
}

上述代碼會將圖片的寬度設置為其容器的50%，但最大寬度不能超過500像素；同時高度也會自適應容器大小，但最大高度不超過500像素。

總之，使用CSS來縮小圖片是一項非常簡單和實用的技能。它不僅能夠幫助您在響應式設計中更好地控制圖片大小，還能讓您的網站更具可訪問性，可能會幫助更多用戶享受到您的網站。