CSS圖片大小設置

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

HTML代碼：

<img id="myImage" src="image.jpg" />

CSS代碼：

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

在上面的示例中，我們將圖片的寬度設置為500像素，高度設置為300像素，這樣，圖片就會按照我們指定的尺寸進行顯示。

需要注意的是，如果圖片本身的比例與我們所設置的寬度和高度不符，那么圖片可能會被拉伸或壓縮，為了避免這種情況，我們可以在設置寬度和高度的同時，也設置object-fit屬性為contain或cover，contain表示保持圖片原有的比例，cover則表示將圖片完全覆蓋在指定的區(qū)域內。

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

或者：

#myImage {
  width: 500px;
  height: 300px;
  object-fit: cover;
}

這樣，圖片就會按照我們指定的尺寸進行顯示，同時保持原有的比例或完全覆蓋在指定的區(qū)域內。