CSS圖片大小改變的方法

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

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

上面的代碼會將所有的圖片元素的大小改為200px寬和100px高，如果你只想改變某個特定圖片的大小，你可以給那個圖片一個特定的類名或者ID，然后針對那個類名或者ID來設(shè)置width和height屬性。

如果你有一張圖片，它的ID是“myImage”，你可以這樣寫：

#myImage {
  width: 300px;
  height: 200px;
}

這段代碼會將ID為“myImage”的圖片大小改為300px寬和200px高。

需要注意的是，如果圖片的原始寬高比與設(shè)定的寬高比不一致，圖片可能會變形，為了保持圖片的寬高比不變，我們可以使用object-fit屬性：

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

object-fit屬性的值為“contain”時，圖片會被縮放并填充到設(shè)定的寬度和高度，同時保持其寬高比不變。