CSS控制圖片大小的方法

在CSS中，我們可以使用width和height屬性來設(shè)置圖片的大小，以下是一些示例：

1、設(shè)置圖片寬度和高度：

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

2、設(shè)置圖片寬度為100%：

img {
  width: 100%;
}

3、設(shè)置圖片高度為自動(dòng)：

img {
  height: auto;
}

4、設(shè)置圖片尺寸為原始大?。?/p>

img {
  width: auto;
  height: auto;
}

如果圖片的高度和寬度都設(shè)置為自動(dòng)，則圖片將保持其原始大小，如果僅設(shè)置寬度或高度為自動(dòng)，則另一個(gè)維度將按比例縮放。

我們還可以使用max-width和max-height屬性來限制圖片的***大尺寸，以下是一些示例：

1、設(shè)置圖片***大寬度為200px：

img {
  max-width: 200px;
}

2、設(shè)置圖片***大高度為100px：

img {
  max-height: 100px;
}

通過使用這些屬性，我們可以輕松地控制圖片在網(wǎng)頁上的顯示效果。