CSS改變圖像大小的方法

在CSS中，我們可以使用width和height屬性來改變圖像的大小，這兩個屬性可以分別設置圖像的寬度和高度，下面是一個簡單的例子：

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

上述代碼將把頁面上的所有圖像設置為寬度200像素、高度300像素，如果你想要改變特定圖像的尺寸，可以使用類或者ID來指定該圖像。

.my-image {
  width: 500px;
  height: 600px;
}

或者：

#my-image {
  width: 700px;
  height: 800px;
}

在HTML中，你可以這樣使用：

<img class="my-image" src="path/to/image.jpg">

或者：

<img id="my-image" src="path/to/image.jpg">

這樣，CSS就會根據(jù)指定的類或者ID來改變圖像的大小，注意，如果圖像的原始比例與設定的尺寸比例不一致，圖像可能會被拉伸或壓縮，如果需要保持圖像的原始比例，可以使用object-fit屬性來指定填充方式，如object-fit: contain;表示保持圖像在容器中的位置不變。