CSS是一種強大的前端技術，可以讓我們輕松地改變圖片的大小。為了改變圖片大小，我們需要了解三個屬性：width，height，和max-width。

1. width 和 height 屬性

width 和 height 屬性分別用于設置圖片的寬度和高度。這兩個屬性可以接受一個固定的像素值或者一個相對的百分比值。

img {
width: 500px;
height: 300px;
}

上述代碼將圖片的寬度設置為 500 像素，高度設置為 300 像素。

2. max-width 屬性

如果你希望在調整圖片大小的同時保持其比例，使用 max-width 屬性就很有用。例如，你可以將圖片的最大寬度設置為 100%。這樣，圖片的寬度將隨著瀏覽器窗口大小的變化而變化。

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

上述代碼將圖片的最大寬度設置為 100%，高度自適應。這樣，在瀏覽器窗口大小變化時，圖片將自動縮放。

3. 組合使用

你還可以將 width 和 max-width 屬性組合使用，達到更好的效果。

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

上述代碼將圖片的寬度設置為 100%，最大寬度為 500 像素，高度自適應。這樣，在瀏覽器窗口較小時，圖片將顯示為其原始尺寸。當瀏覽器窗口大小增加時，圖片將縮小到其最大寬度。

總之，CSS 提供了多種方式修改圖片大小。掌握這些屬性，可以幫助我們輕松地創建適合不同設備和屏幕大小的網站。