CSS切圖時修改圖片大小的方法

在CSS中，我們可以使用width和height屬性來修改圖片的大小，這兩個屬性分別表示圖片的寬度和高度，下面是一些示例代碼：

1、將圖片的寬度修改為300像素，高度自動縮放：

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

2、將圖片的高度修改為200像素，寬度自動縮放：

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

3、將圖片的寬度修改為50%，高度自動縮放：

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

4、將圖片的高度修改為100%，寬度自動縮放：

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

在使用百分比來設置圖片大小時，圖片的原始大小將作為基數(shù)來計算新的大小，如果圖片的原始寬度為300像素，將其寬度修改為50%，則新的寬度將為150像素。

還可以使用max-width和max-height屬性來限制圖片的***大寬度和高度，這些屬性在圖片大小超過指定值時才會起作用。

img {
  max-width: 500px;
  max-height: 300px;
}

這將限制圖片的***大寬度為500像素，***大高度為300像素，如果圖片的大小超過這些值，瀏覽器將自動縮放圖片以適應容器的大小。