CSS中設(shè)置圖片寬度100%和高度自適應(yīng)。在網(wǎng)頁設(shè)計中，許多人可能需要使用圖片作為背景或插入內(nèi)容中，讓網(wǎng)頁更加美觀和生動。

通常情況下，我們希望圖片能夠充滿整個容器，同時又不失真。這時，我們可以使用CSS的width和height屬性來實現(xiàn)這個效果。

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

上述代碼中，我們首先將寬度設(shè)置為100%，表示該圖片的寬度將充滿其父元素，不留空隙。接著，我們將高度設(shè)置為auto，表示圖片的高度將隨寬度自動調(diào)整，保證其比例不會失調(diào)。

需要注意的是，如果圖片的寬高比例和容器不一致時，圖片會被拉伸或縮放，導(dǎo)致失真。因此，在設(shè)計網(wǎng)頁布局時，我們需要特別注意圖片和容器的比例關(guān)系，盡可能選擇合適的圖片進(jìn)行插入。