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

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

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

代碼分析：

max-width:100%；

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

height: auto；

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

總結(jié)：

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