CSS3中，可以使用max-width屬性來(lái)限制圖片的***大寬度，使其自適應(yīng)寬度，還需要設(shè)置圖片的寬度為100%，以確保圖片能夠填充其容器。

可以使用以下CSS代碼來(lái)實(shí)現(xiàn)圖片的自適應(yīng)寬度：

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

width屬性將圖片的寬度設(shè)置為100%，使其填充整個(gè)容器，而max-width屬性則限制了圖片的***大寬度，避免在屏幕寬度過(guò)大時(shí)圖片過(guò)大導(dǎo)致頁(yè)面布局混亂。

還需要注意圖片的分辨率和尺寸，以確保在不同設(shè)備上都能夠正常顯示，可以使用srcset屬性來(lái)指定不同分辨率的圖片，以適應(yīng)不同的設(shè)備。

<img srcset="image.jpg 500w, image_large.jpg 1000w" src="image.jpg" alt="圖片">

srcset屬性指定了兩個(gè)不同分辨率的圖片，分別為500w和1000w，瀏覽器會(huì)根據(jù)設(shè)備的分辨率選擇適合的圖片進(jìn)行顯示。

通過(guò)CSS3的max-width屬性和srcset屬性，可以實(shí)現(xiàn)圖片的自適應(yīng)寬度和分辨率適配，確保在不同設(shè)備上都能夠正常顯示。