在網頁設計中，我們常常需要更改圖片的大小，讓其更好地適應網頁布局。 為了實現這個目的，我們可以使用CSS文件來控制圖片大小。下面介紹兩種常用的方法： 方法一：使用width和height屬性 我們可以通過設置width和height屬性來控制圖片的大小，例如：

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

其中，width屬性設置了寬度為父元素寬度的50%，height屬性設置了高度按比例自適應。 需要注意的是，如果只設置一個屬性而不設置另一個屬性，則圖片的寬高比可能被打破。因此，一般建議同時設置width和height屬性，或者只設置width屬性并將height屬性設置為auto。 方法二：使用background-size屬性 另一種控制圖片大小的方法是使用background-size屬性。如果圖片被設置為元素的背景圖，我們可以用background-size屬性來控制圖片的大小，例如：

div {
background-image: url("example.jpg");
background-size: cover;
}

其中，background-size屬性設置了將圖片完全覆蓋父元素的大小。 需要注意的是，使用background-image屬性需要將圖片的鏈接引用在CSS文件中，而不是將圖片作為HTML代碼中的img標簽來引用。 以上兩種方法可以讓我們方便地控制圖片的大小，從而更好地適應網頁布局。