CSS中可以使用max-width屬性來(lái)實(shí)現(xiàn)圖片自動(dòng)縮小，這對(duì)于響應(yīng)式設(shè)計(jì)十分有用。

img {
max-width: 100%;
}

在上述代碼中，我們將圖片的最大寬度設(shè)置為100%。這意味著，無(wú)論圖片在什么尺寸的屏幕下展示，它都會(huì)根據(jù)其容器的大小自動(dòng)縮小。

在某些情況下，我們可能只是想要應(yīng)用此樣式于特定的圖片，而不是所有圖片。我們可以通過(guò)為其添加類(lèi)名或ID名來(lái)實(shí)現(xiàn)：

<img class="responsive-image" src="example.jpg">
.responsive-image {
max-width: 100%;
}

在上述示例中，我們添加了一個(gè)名為“responsive-image”的類(lèi)到圖像的標(biāo)記中，并將其樣式設(shè)置為最大寬度為100%。這個(gè)類(lèi)可以被多次使用，并為不同的圖像應(yīng)用，或者我們也可以使用ID名來(lái)實(shí)現(xiàn)相同的效果。

總之，使用CSS中的max-width屬性，我們可以輕松地實(shí)現(xiàn)圖片的自動(dòng)縮小，以適應(yīng)任何大小的屏幕或容器。