在網頁制作中，使用圖片已經成為了非常常見的做法。那么，在使用圖片時，我們怎樣通過 CSS 控制它們的大小呢？下面我就為大家總結一下這方面的知識點。

在 CSS 中，控制圖片大小主要有兩種方式。第一種是直接指定圖片的寬度和高度，這可以通過下面的語句來實現：

img {
width: 150px;
height: 100px;
}

上述代碼指定了圖片的寬度為 150 像素，高度為 100 像素。需要注意的一點是，這里我們沒有指定單位，因為像素是 CSS 中的默認單位。

另一種方式是通過設置圖片的縮放。這可以通過下面的語句來實現：

img {
transform: scale(0.5);
}

上述代碼將圖片的大小縮小了一半。值得一提的是，這里的縮放是相對于圖片的默認大小進行的，因此如果需要維持原圖比例，就需要同時對寬度和高度進行縮放。

同時，我們也可以利用這些方法來實現圖片的響應式設計。例如，下面的代碼可以使圖片在屏幕縮小后仍能保持在一行內顯示：

@media screen and (max-width: 600px) {
img {
width: 50%;
height: auto;
margin: auto;
}
}

在上面的代碼中，我們使用了媒體查詢來判斷當前屏幕寬度是否小于 600 像素。如果是，就將圖片的寬度設置為父元素的一半，并利用 margin 屬性使其居中顯示。

總之，在網頁制作中，使用圖片是非常常見的。通過以上介紹的方法，我們可以輕松地控制圖片的大小和縮放，實現更加美觀和合理的布局。