CSS中限定圖片大小的方法

在CSS中，我們可以使用width和height屬性來限定圖片的大小，這兩個屬性可以分別設(shè)置圖片的寬度和高度，從而實現(xiàn)圖片大小的限定。

以下是一個示例：

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

上述代碼將圖片的大小限定為寬度200像素，高度300像素，如果圖片本身的寬高比與設(shè)定的寬高比不一致，那么圖片可能會被拉伸或壓縮。

如果想要保持圖片的原始寬高比，可以使用max-width和max-height屬性來替代width和height屬性，這兩個屬性可以限制圖片的***大寬度和***大高度，而不會改變圖片的寬高比。

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

上述代碼將圖片的***大寬度限定為200像素，***大高度限定為300像素，同時保持圖片的原始寬高比，如果圖片本身的寬高比與設(shè)定的寬高比不一致，那么圖片將不會被拉伸或壓縮。