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

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

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

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