CSS中定義圖片大小的方法

在CSS中，我們可以使用width和height屬性來定義圖片的大小，這兩個(gè)屬性可以分別設(shè)置圖片的寬度和高度，下面是一些示例代碼：

1、定義圖片寬度和高度：

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

2、定義圖片寬度為100%，高度為300px：

img {
  width: 100%;
  height: 300px;
}

3、定義圖片寬度為200px，高度為100%：

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

需要注意的是，如果圖片的寬度和高度都設(shè)置為100%，那么圖片將會(huì)根據(jù)其父元素的寬度和高度進(jìn)行縮放，如果只想讓圖片在水平或垂直方向上縮放，那么可以將另一個(gè)方向的尺寸設(shè)置為固定值。

CSS中還有一個(gè)max-width和max-height屬性，它們可以限制圖片的***大寬度和高度，這兩個(gè)屬性非常有用，尤其是在響應(yīng)式設(shè)計(jì)中，可以避免圖片在屏幕上過大或過小。

CSS提供了多種方法來定義圖片的大小，可以根據(jù)具體的需求選擇適合的方法。