CSS自適應(yīng)圖片讓網(wǎng)站在不同設(shè)備上都能夠正確顯示圖片，并且可以保證圖片的比例不失真，頁面布局也更加美觀。下面介紹一種使用style屬性的方法來實現(xiàn)CSS自適應(yīng)圖片。

<img src="example.jpg" style="max-width:100%;height:auto;" />

以上代碼中，style屬性中的max-width:100%是指圖片在設(shè)備寬度小于等于圖片原始寬度時，圖片寬度最大為設(shè)備寬度。height:auto;表示圖片的高度會根據(jù)寬度等比例縮放。這樣做可以保證圖片不失真，且頁面布局與圖片高度自適應(yīng)，讓網(wǎng)頁更具可讀性。

為了讓圖片在不同設(shè)備上顯示效果一致，建議在設(shè)計時就考慮到圖片的尺寸和比例。例如，在移動設(shè)備上，建議使用較小尺寸的圖片以減少加載時間和流量，同時保證圖片比例符合設(shè)計要求。

需要注意的是，如果在樣式表中使用了max-width和height:auto來控制圖片的自適應(yīng)，那么在img標(biāo)簽中不需要再添加style屬性。如果樣式表中沒有定義相關(guān)樣式，則應(yīng)該在img標(biāo)簽中添加style屬性來實現(xiàn)自適應(yīng)。