css样式中图片拉长 |css3 渐变

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

在上面的代码中，max-width属性将图片的宽度设置为100%，这表示图片会占据其父容器的100%宽度，并尽可能保持原图宽高比例。而height: auto属性表示图片的高度将自动调整，以保持宽高比例不变。

需要注意的是，如果图片的宽高比例与其容器的宽高比例不同，那么在页面中显示时就会出现“拉伸”的情况，这会导致图片失真并影响视觉效果。

因此，在使用CSS拉长图片时，最好将其放在属于一个容器中，这样方便控制容器的大小，并使图片能够在容器内保持合适的宽高比例。

以上就是关于CSS样式中图片拉长的相关内容，希望对你的学习有所帮助！