CSS中如何讓圖片拉伸呢？

img {
width: 100%;
height: auto;
}

使用CSS屬性width: 100%可以讓圖片寬度占據(jù)其所在容器的100%，height: auto則可以讓高度按比例自動縮放，從而實現(xiàn)圖片的拉伸。

需要注意的是，當圖片的原始寬高比例與容器寬高比例不一致時，可能會導(dǎo)致圖片變形或者留白。此時可以通過background-image來實現(xiàn)圖片的拉伸，但需要注意background-size屬性的設(shè)置。

.container {
width: 300px;
height: 200px;
background-image: url(image.jpg);
background-size: cover;
background-position: center;
background-repeat: no-repeat;
}

在這個例子中，我們通過background-image將圖片作為容器的背景圖片，background-size: cover可以讓圖片鋪滿容器。background-position: center可以讓圖片居中對齊，background-repeat: no-repeat則可以防止圖片重復(fù)。這樣我們就實現(xiàn)了圖片的拉伸。