CSS 是一種用于修飾 HTML 頁面的樣式表語言，我們可以利用 CSS 中的一些屬性來讓圖片不拉伸。

當我們給圖片設置寬度時，如果圖片的寬高比例與實際大小不一致，圖片就會被拉伸，導致變形。為了解決這個問題，可以通過以下方法讓圖片按照原來的比例來顯示。

上述代碼中，我們給圖片設置了最大寬度為 100%，高度為自適應。這樣無論圖片的實際大小是多少，都會按照原來的比例來顯示。

另外，如果你的圖片比較小，而你想讓它在頁面上展示的大小與實際大小相同，可以使用下面的代碼：

上述代碼中，我們將圖片的寬度和高度都設置為 100%，這樣圖片就會按照實際大小來顯示，不會被拉伸。

除了上述方法，也可以通過設置圖片的 object-fit 屬性來實現(xiàn)，不過由于目前該屬性不被所有瀏覽器支持，就不詳細說明了。