在CSS中，圖片的伸縮是很重要的一部分。通過CSS的圖片伸縮，我們可以讓網頁的布局更加靈活，同時也可以讓圖片的使用更加高效。

對于圖片的伸縮，我們可以使用CSS中的幾個屬性：

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

在這里，我們使用了max-width屬性，這可以讓圖片的寬度最大為它所在容器的寬度。

同時，我們還使用了height: auto;這可以讓圖片的高度根據寬度的變化而自適應調整。

除此之外，我們還可以使用object-fit屬性來控制圖片的顯示效果。object-fit屬性有四個值：

img {
object-fit: fill;
}
img {
object-fit: contain;
}
img {
object-fit: cover;
}
img {
object-fit: scale-down;
}

其中，fill表示圖片會被拉伸以填滿容器；contain表示圖片保留其比例，但是不超出容器的范圍；cover表示圖片被放大以填滿容器，同時也會被裁剪以適應容器；而scale-down表示圖片會按比例縮放以適應容器，但是如果圖片的大小小于容器的大小，則不會被放大。

總之，通過合理使用CSS中的圖片伸縮屬性，我們可以讓網頁布局更加靈活，同時也可以更好地使用圖片資源。