CSS 是一种用于修饰 HTML 页面的样式表语言，我们可以利用 CSS 中的一些属性来让图片不拉伸。

当我们给图片设置宽度时，如果图片的宽高比例与实际大小不一致，图片就会被拉伸，导致变形。为了解决这个问题，可以通过以下方法让图片按照原来的比例来显示。

上述代码中，我们给图片设置了最大宽度为 100%，高度为自适应。这样无论图片的实际大小是多少，都会按照原来的比例来显示。

另外，如果你的图片比较小，而你想让它在页面上展示的大小与实际大小相同，可以使用下面的代码：

上述代码中，我们将图片的宽度和高度都设置为 100%，这样图片就会按照实际大小来显示，不会被拉伸。

除了上述方法，也可以通过设置图片的 object-fit 属性来实现，不过由于目前该属性不被所有浏览器支持，就不详细说明了。