CSS中設(shè)置圖片大小的方法

在CSS中，我們可以使用width和height屬性來(lái)設(shè)置圖片的大小，這兩個(gè)屬性分別表示圖片的寬度和高度，我們可以將具體的數(shù)值或百分比賦值給這兩個(gè)屬性，以改變圖片的大小。

如果我們想要將一張圖片的寬度設(shè)置為200像素，高度設(shè)置為300像素，我們可以這樣寫：

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

需要注意的是，如果圖片的原始比例與設(shè)置的寬度和高度不同，那么圖片可能會(huì)變形，為了避免這種情況，我們可以使用object-fit屬性來(lái)指定圖片在容器中的填充方式，我們可以設(shè)置object-fit: cover;來(lái)使圖片始終覆蓋整個(gè)容器，且保持原始比例：

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

這樣，無(wú)論圖片的原始比例如何，它都會(huì)被縮放并填充到200像素寬、300像素高的容器中，而不會(huì)變形。