在網頁設計中，放置圖片是一個很重要的組成部分，而如何設置圖片的大小則是開發人員需要面臨的問題。通過CSS，我們可以輕松地設置圖片的大小。下面我們來介紹如何使用CSS來設置圖片縮小：

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

上面的代碼會將圖片縮小，使其符合容器的大小。同時也保障了圖片不會失真或者超出容器。

代碼分析：

max-width:100%；

這行代碼設置了元素的最大寬度為其容器的100%。這意味著無論容器的大小如何，元素的寬度都不會超過這個大小。

height: auto；

該代碼使圖片的高度自動適應其寬度，以保持其寬高比。這意味著圖片不會被壓縮或拉伸，并且始終處于原始比例。

總結：

使用以上代碼，可以輕松地設置圖片縮小并符合容器大小。使得圖片在網頁中的布局更加美觀。