在Web設計中，通常需要使用圖片來美化頁面或者展示產品，而圖片的大小和比例卻經常難以掌控。此時，我們可以使用CSS對圖片進行拉伸。

要對圖片進行拉伸，我們需要首先指定圖片的大小，并且將其設置為可拉伸的。例如，下面是一個簡單的CSS樣式，可以使圖片的寬度自動適應其父容器：

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

上述代碼中，max-width: 100%會將圖片的寬度設置為其父容器的最大寬度，height: auto則表示高度自適應，以保證圖片的比例不會失衡。

除了設置寬度為100%外，我們還可以指定一個具體的寬度值，并使用CSS中的object-fit屬性來調整圖片的拉伸效果。例如：

img {
width: 200px;
height: 200px;
object-fit: cover;
}

上述代碼中，width: 200px和height: 200px限制了圖片的寬度和高度，object-fit: cover則會將圖片按照其比例拉伸至父容器的大小，并裁剪超出的部分。

除了object-fit外，CSS還提供了object-position屬性，可以用來指定圖片在拉伸后在容器中的位置。例如：

img {
width: 200px;
height: 200px;
object-fit: cover;
object-position: center;
}

上述代碼中，object-position: center會將拉伸后的圖片居中顯示。

總之，在實際的Web設計中，我們可以根據具體需求，選擇不同的方式來調整圖片的大小和比例，以達到最佳的視覺效果。