CSS中調(diào)整圖片大小的方法

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

1、調(diào)整圖片寬度和高度：

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

這段代碼將圖片寬度設(shè)置為200像素，高度設(shè)置為100像素。

2、調(diào)整圖片寬度，保持原始高度：

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

這段代碼將圖片寬度設(shè)置為200像素，高度自動縮放以保持原始比例。

3、調(diào)整圖片高度，保持原始寬度：

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

這段代碼將圖片高度設(shè)置為100像素，寬度自動縮放以保持原始比例。

4、使用百分比調(diào)整圖片大小：

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

這段代碼將圖片寬度和高度都設(shè)置為容器寬度的50%。

5、使用max-width和max-height：

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

這段代碼將圖片寬度和高度的***大值分別設(shè)置為200像素和100像素，圖片將保持其原始比例，但不會被放大超過這些尺寸。

在使用CSS調(diào)整圖片大小時，應(yīng)確保圖片不會超出其原始比例，以避免圖像失真，也要確保圖片有足夠的空間來顯示，避免被其他元素遮擋或覆蓋。