當我們在進行網頁設計的時候，我們常常需要向網頁中添加圖片。而對于不同的設備，我們需要展現不同大小的圖片。這時候就需要用到CSS的圖片響應式處理技術。

CSS可以通過設定圖片寬度，來實現圖片在不同設備上的響應式調整。下面我們就來看一下如何通過CSS設置響應式圖片的寬度。

/* 設置圖片寬度為100% */
img {
max-width: 100%;
height: auto;
}

在上述CSS中，max-width屬性設定了圖片的最大寬度為100%，而設定height為auto，則可以保證圖片高度隨著寬度比例自動調整。

我們也可以使用媒體查詢來對不同的設備設置不同尺寸的圖片。比如，在手機設備上我們可以使用以下的CSS代碼：

/* 對手機設備設置圖片寬度為50% */
@media screen and (max-width: 480px) {
img {
max-width: 50%;
height: auto;
}
}

在上述CSS代碼中，我們設定了一個媒體查詢，當屏幕寬度小于等于480px時，設定了圖片的寬度為50%。

這樣，我們就可以通過CSS代碼，讓圖片在不同的設備上展現不同大小的效果，讓我們的網頁更加美觀和適配不同設備。