CSS中修改圖片大小的方法

在CSS中，我們可以使用width和height屬性來修改圖片的大小，以下是一些示例代碼：

1、修改單個圖片的大?。?/p>

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

2、修改多個圖片的大?。?/p>

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

或者，您可以使用類來修改特定圖片的大?。?/p>

.my-image {
  width: 200px;
  height: 100px;
}

在HTML中應用這個類：

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

3、使用媒體查詢修改圖片大?。?/p>

img {
  width: 300px;
  height: 200px;
}
@media (max-width: 600px) {
  img {
    width: 200px;
    height: 100px;
  }
}

在這個示例中，當屏幕寬度小于或等于600px時，圖片的大小會修改為200x100像素。

當您修改圖片的大小時，要確保新的大小不會使圖片失真或裁剪掉重要內容，也要考慮圖片的原始分辨率和尺寸，以確保在各種設備和瀏覽器上都能良好地顯示。