CSS代碼如何設置拉伸圖片大小

在CSS中，我們可以使用width和height屬性來設置圖片的大小，如果我們將這些屬性設置為百分比，那么圖片的大小將根據(jù)容器的大小進行拉伸。

如果我們有一個圖片元素，我們想要將其寬度和高度都拉伸到容器的50%，我們可以這樣寫CSS代碼：

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

這段代碼會將圖片元素的寬度和高度都設置為容器寬度的50%，如果容器的大小改變，圖片的大小也會相應地改變。

需要注意的是，如果圖片的原始寬高比與設置的寬高比不一致，圖片可能會出現(xiàn)拉伸或壓縮變形的情況，為了避免這種情況，我們可以在設置高度時同時設置寬度，或者在設置寬度時同時設置高度，以保持圖片的原始寬高比。

我們還可以使用max-width和max-height屬性來限制圖片的***大寬度和高度，這些屬性可以防止圖片在容器中過大或過小。

img {
  max-width: 100%;
  max-height: 100%;
}

這段代碼會將圖片元素的寬度和高度都限制在容器的100%以內(nèi)，無論容器的大小如何變化，圖片的大小都不會超過容器的尺寸。