網頁設計過程中，經常需要用到圖片，但圖片的尺寸與頁面布局并不總是完全匹配。在這種情況下，就需要使用CSS來控制圖片的顯示方式。一種比較常見的方式是拉伸圖片。

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

如上述代碼所示，我們使用了CSS中的"width"和"height"屬性來拉伸圖片。"width"屬性設置為100%，表示將圖片水平方向拉伸至與父元素同寬；"height"屬性設置為"auto"，表示將圖片高度根據寬度自動調整，保證圖片不會被拉伸變形。這樣一來，無論圖片的尺寸與布局是否相符，都能保證圖片按照正確的比例顯示在頁面中。

不過需要注意的是，拉伸圖片雖然可以保證顯示效果的完美，但可能會影響圖片的質量。特別是當圖片本身較小，被拉伸時可能會失真。因此，在真正使用拉伸圖片時，一定要在保證美觀的前提下，盡量保留圖片的清晰度。