CSS控制img大小的方法

在CSS中，我們可以使用width和height屬性來控制img的大小，這兩個屬性可以指定img的寬度和高度，從而實現(xiàn)對其大小的***控制。

我們需要選中需要控制的img元素，在CSS樣式表中，為該元素添加width和height屬性，并指定相應(yīng)的值，這些值可以是像素、百分比或其他合適的單位。

如果我們想要將一個img元素的寬度設(shè)置為200像素，高度設(shè)置為100像素，可以這樣做：

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

需要注意的是，如果img元素的原始寬高比與指定的寬高比不同，那么可能會出現(xiàn)拉伸或壓縮的情況，為了避免這種情況，我們可以使用object-fit屬性來指定當(dāng)寬高比發(fā)生變化時，如何對img進(jìn)行縮放或裁剪。

我們可以將object-fit屬性設(shè)置為contain，這樣img在縮放時就會保持其原始寬高比，避免出現(xiàn)拉伸或壓縮的情況。

img {
  width: 200px;
  height: 100px;
  object-fit: contain;
}

通過以上方法，我們就可以使用CSS來***控制img元素的大小了。