用CSS調整圖片大小的方法

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

1、設置圖片寬度和高度：

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

這將使圖片寬度為300像素，高度為200像素。

2、保持圖片寬高比：

如果你希望保持圖片的原始寬高比，可以使用max-width和max-height屬性：

img {
  max-width: 100%;
  max-height: 100%;
}

這將使圖片的寬度和高度***大為父元素的100%。

3、響應式圖片：

為了使圖片在響應式設計中更好地適應屏幕大小，可以使用object-fit屬性：

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

這將使圖片覆蓋整個容器，同時保持其寬高比。

4、調整圖片大小：

如果你希望調整圖片的大小，可以使用transform屬性：

img {
  transform: scale(2);
}

這將使圖片放大2倍。

使用CSS調整圖片大小時，應確保圖片不會超出其容器的大小，以避免頁面布局混亂，也要考慮圖片的原始分辨率和尺寸，以確保在各種設備上都能良好地顯示。