CSS圖片高寬定義方法

在CSS中，我們可以使用height和width屬性來定義圖片的高和寬，這兩個屬性都可以接受像素值、百分比或em值作為參數(shù)。

我們可以使用height屬性來定義圖片的高度，如果我們想要將圖片的高度定義為200像素，我們可以這樣寫：

img {
  height: 200px;
}

同樣，我們還可以使用width屬性來定義圖片的寬度，如果我們想要將圖片的寬度定義為300像素，我們可以這樣寫：

img {
  width: 300px;
}

需要注意的是，如果我們同時定義圖片的高度和寬度，那么圖片將會被拉伸或壓縮到指定的尺寸，如果圖片原始尺寸與定義的尺寸不同，那么圖片將會失真，在定義圖片尺寸時，我們需要確保圖片原始尺寸與定義的尺寸相同或相似，以避免圖片失真。

我們還可以使用max-height和max-width屬性來限制圖片的***大高度和寬度，這兩個屬性都可以接受像素值、百分比或em值作為參數(shù)，如果我們想要限制圖片的***大高度為500像素，我們可以這樣寫：

img {
  max-height: 500px;
}

同樣，我們還可以使用max-width屬性來限制圖片的***大寬度，如果我們想要限制圖片的***大寬度為600像素，我們可以這樣寫：

img {
  max-width: 600px;
}

通過以上方法，我們可以輕松地定義和控制圖片的高寬。