CSS圖片怎么定寬高？

在CSS中，我們可以使用width和height屬性來(lái)定義圖片的寬度和高度，這些屬性可以設(shè)置為具體的像素值，或者設(shè)置為百分比，甚***可以使用auto關(guān)鍵字來(lái)自動(dòng)調(diào)整圖片的大小。

我們可以使用width和height屬性來(lái)直接設(shè)置圖片的寬度和高度，如果我們想要將一張圖片的寬度設(shè)置為200像素，高度設(shè)置為300像素，可以這樣寫(xiě)：

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

我們還可以使用百分比來(lái)設(shè)置圖片的寬度和高度，如果我們想要將一張圖片的寬度設(shè)置為其容器寬度的50%，高度設(shè)置為其容器高度的60%，可以這樣寫(xiě)：

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

我們還可以使用auto關(guān)鍵字來(lái)自動(dòng)調(diào)整圖片的大小，如果我們想要讓一張圖片根據(jù)其內(nèi)容自動(dòng)調(diào)整寬度和高度，可以這樣寫(xiě)：

img {
  width: auto;
  height: auto;
}

需要注意的是，如果我們使用百分比來(lái)設(shè)置圖片的寬度和高度，那么其容器的大小也會(huì)影響到圖片的大小，在布局時(shí)需要注意容器的大小和位置。

CSS提供了多種方式來(lái)設(shè)置圖片的寬度和高度，我們可以根據(jù)具體的需求來(lái)選擇合適的方式。