CSS中設置自適應圖片是很重要的，因為在不同的設備上展示圖片時，圖片的大小和比例都會有所差異，如何讓圖片在任何設備上都能夠完美展示呢？以下是CSS設置自適應圖片的技巧，大家一起來看看。

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

這段代碼用于給標簽添加CSS樣式，max-width屬性控制圖片的最大寬度不超過容器元素的寬度，也就是保證了圖片在父元素中的比例不失衡，height:auto屬性則保證了圖片的高度會自動適應其寬度的變化，防止出現拉伸等情況。

當然，以上代碼是比較簡單的自適應圖片設置，若要更加靈活地設置不同屏幕展示的圖片，你需要針對不同的設備設置不同的樣式。

例如，在小屏幕下我們可以使用CSS的Media Queries實現自適應的圖片尺寸。如下所示：

@media screen and (max-width: 480px) {
img {
max-width: 90%;
height: auto;
}
}

在上述代碼中，我們使用Media Queries來針對屏幕寬度在480px以下的設備進行適配，當屏幕大小小于或等于480px時，圖片的最大寬度為90%。

通過上述這些技巧，我們可以方便地在不同設備上呈現完美的自適應圖片，提升網站的用戶體驗。