在CSS中，我們可以通過設(shè)置圖片的寬度和高度屬性來控制圖片的大小，如果希望圖片大小隨著頁面的變化而變化，可以使用百分比單位來設(shè)置圖片的寬度和高度。

假設(shè)我們有一個圖片元素，我們可以這樣設(shè)置它的寬度和高度：

img {
  width: 50%;
  height: 50%;
}

上述代碼將圖片的寬度和高度都設(shè)置為頁面寬度的50%，如果頁面寬度發(fā)生變化，圖片的大小也會相應(yīng)地變化。

我們也可以通過JavaScript來動態(tài)地改變圖片的大小，可以使用style屬性來設(shè)置圖片的寬度和高度：

var img = document.getElementById('myImage');
img.style.width = '50%';
img.style.height = '50%';

上述代碼將獲取ID為myImage的圖片元素，并將其寬度和高度都設(shè)置為頁面寬度的50%，同樣地，如果頁面寬度發(fā)生變化，圖片的大小也會相應(yīng)地變化。

CSS和JavaScript都可以用來控制圖片的大小變化，我們可以根據(jù)自己的需求選擇適合的方法來實現(xiàn)圖片大小的變化效果。