在CSS中，我們可以使用百分比來控制圖片的大小，這對于響應式設計和移動設備優化非常有用。

首先，我們需要使用CSS的width屬性來設置圖片的寬度。而當我們使用百分比作為值時，它會根據父元素的寬度進行相應縮放。

img {
width: 100%;
}

上面的代碼會將圖片的寬度設置為其父元素的100%。這意味著當圖片的容器寬度發生改變時，圖片的寬度也會相應改變。

同樣地，我們也可以使用百分比來設置圖片的高度。但需要注意的是，當我們設置高度時，圖片可能會變形。因此，在響應式設計中，我們通常只應該設置寬度。

img {
width: 50%;
}

上面的代碼會將圖片寬度設置為其父元素的50%。這樣，不論圖片的容器大小如何，都會始終保持一定的比例。