網頁設計中，圖片的展示占據非常重要的一部分。而對于不同屏幕尺寸的設備，圖片的展示也需要進行相應的適配。CSS3中提供了讓圖片寬度自適應的方法，讓我們來詳細了解一下。

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

如上代碼所示，該段CSS樣式是實現圖片寬度自適應的核心代碼。我們先來簡要解釋一下。

首先，width屬性指定了圖片所屬區域的寬度。當值為100%時，表示圖片的寬度將隨所屬區域的寬度而變化。這也是實現圖片寬度自適應的關鍵之一。

接下來，height屬性指定了圖片的高度。當值為auto時，表示圖片的高度將根據寬度的變化而自動調整，以保證圖片的比例不變。同樣也是實現圖片寬度自適應的關鍵之一。

需要注意的是，雖然該方法可以實現圖片寬度的自適應，但是對于高度的適應還是需要手動調整。當然，我們可以使用一些媒體查詢的方法，根據不同的設備尺寸設置不同的圖片大小，來進一步優化圖片展示的效果。

以上就是關于CSS3圖片寬度自適應的簡要介紹和實現方法。希望本文能夠對大家學習和實踐CSS3樣式有所幫助。