怎么用CSS調(diào)整圖片大小

在CSS中，我們可以使用width和height屬性來(lái)調(diào)整圖片的大小，以下是一些示例代碼：

1、調(diào)整圖片寬度和高度：

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

在上面的代碼中，我們將圖片的寬度設(shè)置為500像素，高度設(shè)置為300像素。

2、調(diào)整圖片寬度，保持原始高度：

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

在這種情況下，我們將圖片的寬度設(shè)置為500像素，并讓高度自動(dòng)調(diào)整以保持原始寬高比。

3、調(diào)整圖片高度，保持原始寬度：

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

我們將圖片的高度設(shè)置為300像素，并讓寬度自動(dòng)調(diào)整以保持原始寬高比。

4、使用百分比調(diào)整圖片大?。?/p>

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

在這種情況下，我們將圖片的寬度和高度都設(shè)置為原始大小的50%。

當(dāng)我們使用百分比來(lái)調(diào)整圖片大小時(shí)，圖片的大小將根據(jù)其父元素的大小而變化，確保您的圖片有一個(gè)明確的父元素，以便您可以控制其大小。