CSS中的img大小修改

在CSS中，我們可以使用width和height屬性來修改img元素的大小，以下是一個(gè)示例：

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

上述代碼將把頁面中的所有img元素的寬度修改為200像素，高度修改為300像素，如果你只想修改某個(gè)特定的img元素，可以使用類名或ID來指定：

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

或者：

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

需要注意的是，如果img元素的原始寬高比與修改后的寬高比不一致，可能會(huì)出現(xiàn)圖片變形的情況，為了避免這個(gè)問題，可以使用object-fit屬性來保持圖片的寬高比：

img {
  width: 200px;
  height: 300px;
  object-fit: contain;
}

上述代碼將確保圖片在保持寬高比的同時(shí)，寬度為200像素，高度為300像素。