在網頁設計中，圖片的大小往往是需要注意的問題，如果不合適的調整圖片大小，可能會導致網頁布局紊亂、加載速度緩慢等問題。CSS提供了自動調節圖片大小的方法，下面將會介紹如何使用。

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

上述代碼使用了max-width和height:auto兩個屬性。

max-width:100%意味著圖片的最大寬度不會超過其父元素的寬度，這樣就能避免圖片溢出父容器。

height:auto表示圖片的高度會自動根據寬度縮放，保持圖片的原始比例。這樣，無論圖片的高寬比如何，它們都會自動調整至適合的大小。

在實際應用中，我們只需要像下面這樣在HTML標簽中設置圖片路徑即可：

<img src="image.jpg">

當然，在實際應用中，還需要對不同尺寸的圖片進行優化，避免加載過慢。此外，有時我們也需要對特定圖片進行特殊處理，例如給圖片添加圓角等效果。這些都需要根據具體情況靈活應用CSS的其他屬性。