在網頁設計中，圖片是必不可少的元素之一，它可以使網頁更加生動、美觀。而在使用css調整圖片大小時，我們常常會遇到一個問題，那就是拉伸。

拉伸是指將一個小圖片放大，或將一個大圖片縮小，以適應不同大小的容器。一般來說，拉伸圖片會導致其失真，影響網頁的美觀度。因此，我們需要采取一些措施，使圖片在不失真的前提下，能夠適應容器的大小。

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

上述代碼是一個常用的圖片自適應大小的解決方案。通過設置圖片的最大寬度為100%，同時讓高度自適應，可以避免拉伸圖片導致的失真問題。

另外，我們還可以通過使用background-image屬性來調整圖片的大小。在這種情況下，我們可以設置background-size屬性，指定圖片尺寸的大小。

#element {
background-image: url("image.jpg");
background-size: cover;
}

上述代碼中，我們設置了一個背景圖片，并通過cover屬性讓圖片完全覆蓋容器，并保持比例不變。這種方法可以使圖片始終保持清晰，并適應容器的大小。

總之，無論是使用img標簽還是background-image屬性，我們都可以通過一些方法使圖片在不失真的前提下適應容器的大小。這樣可以使網頁更加美觀、整潔。