CSS圖片自適應(yīng)div寬高

在CSS中，我們可以使用以下屬性來(lái)使圖片自適應(yīng)div的寬高：

1、width: 100%：將圖片的寬度設(shè)置為div寬度的100%。

2、height: auto：將圖片的高度設(shè)置為自動(dòng)，這樣圖片就會(huì)根據(jù)寬度自動(dòng)縮放。

假設(shè)我們有一個(gè)div，其寬度為300px，我們想要圖片填充整個(gè)div的寬度，并且高度自動(dòng)縮放，我們可以這樣寫CSS：

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

這樣，圖片就會(huì)根據(jù)div的寬度自動(dòng)縮放，并保持其原始的長(zhǎng)寬比，這種方法在響應(yīng)式設(shè)計(jì)中非常有用，可以確保圖片在各種設(shè)備上都能得到良好的展示。