在CSS中改變圖片大小的方法

在CSS中，我們可以使用width和height屬性來改變圖片的大小，以下是一些示例代碼：

1、將圖片的寬度設(shè)置為200像素，高度設(shè)置為100像素：

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

2、將圖片的寬度設(shè)置為原始大小的50％，高度設(shè)置為原始大小的75％：

img {
  width: 50%;
  height: 75%;
}

3、將圖片的寬度設(shè)置為固定值，高度根據(jù)寬度自動縮放：

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

4、將圖片的高度設(shè)置為固定值，寬度根據(jù)高度自動縮放：

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

在使用width和height屬性時，如果原始圖片的長寬比與設(shè)置的長寬比不同，則圖片可能會變形，為了避免這種情況，可以使用object-fit屬性來指定圖片在容器中的填充方式，

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

這將確保圖片始終保持在原始的長寬比內(nèi)，同時填充容器的大小。