CSS是一種用來(lái)控制網(wǎng)頁(yè)樣式的語(yǔ)言，它可以改變網(wǎng)頁(yè)中的布局、顏色、字體等。在網(wǎng)頁(yè)設(shè)計(jì)中，我們常常使用圖片來(lái)豐富頁(yè)面內(nèi)容，但有時(shí)候我們不希望圖片過(guò)大或者過(guò)小，這時(shí)候我們就需要限制圖片的大小。

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

以上CSS代碼可以使圖片的最大寬度為父元素的100%，同時(shí)保持長(zhǎng)寬比例不變。也就是說(shuō)，如果一個(gè)圖片的原始寬度是200px，它所在的容器寬度是500px，那么經(jīng)過(guò)上述代碼處理后，圖片的寬度將會(huì)變成500px，而高度則會(huì)按比例進(jìn)行縮放。

如果我們只想限制圖片的高度而保持寬度不變，可以使用max-height屬性。

img {
max-height: 200px;
width: auto;
}

以上代碼可以限制圖片的最大高度為200px，同時(shí)保持寬度不變。如果一個(gè)圖片的原始高度是300px，那么經(jīng)過(guò)上述代碼處理后，圖片的高度將會(huì)變成200px，而寬度則會(huì)按比例進(jìn)行縮放。

特別需要注意的是，這些CSS代碼只適用于標(biāo)簽上的圖片，而不適用于通過(guò)background-image屬性引入的圖片。