CSS中控制圖片大小的方法

在CSS中，我們可以使用width和height屬性來控制圖片的大小，以下是一些示例代碼：

1、將圖片的寬度設(shè)置為500像素，高度自動(dòng)縮放：

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

2、將圖片的高度設(shè)置為300像素，寬度自動(dòng)縮放：

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

3、將圖片的寬度和高度都設(shè)置為500像素：

img {
  width: 500px;
  height: 500px;
}

如果圖片在HTML中的原始大小與CSS中設(shè)置的大小不同，那么瀏覽器會(huì)進(jìn)行縮放處理，以適應(yīng)CSS中設(shè)置的大小，如果圖片在HTML中的原始縱橫比與CSS中設(shè)置的不同，那么瀏覽器可能會(huì)進(jìn)行裁剪處理，以保持縱橫比的一致性，在設(shè)置圖片大小時(shí)，需要謹(jǐn)慎考慮圖片的原始大小和縱橫比。