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

在CSS中，我們可以使用width和height屬性來單獨設(shè)置圖片的大小，這兩個屬性分別用于指定圖片的寬度和高度，下面是一個示例：

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

在上面的示例中，我們將圖片的寬度設(shè)置為200像素，高度設(shè)置為300像素，這樣，圖片的大小就被單獨設(shè)置了。

需要注意的是，如果圖片的原始寬高比與設(shè)置的寬高比不一致，圖片可能會出現(xiàn)變形，為了避免這種情況，我們可以使用object-fit屬性來指定圖片的填充方式，使用object-fit: cover;可以將圖片填充為覆蓋整個容器的樣式，而不會變形。

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

在上面的示例中，我們添加了object-fit: cover;屬性，這樣圖片就會以覆蓋整個容器的樣式顯示，而不會變形。

除了使用CSS來設(shè)置圖片大小外，我們還可以在HTML中使用<img>元素的width和height屬性來設(shè)置圖片的大小，這種方法會覆蓋CSS中的設(shè)置，因此一般推薦使用CSS來設(shè)置圖片大小。