图片自适应

给自己方便查看

千万别再用javascript实现图片自适应了，现在有一种大多数浏览器都支持的css图片自适应，图片比屏幕小的不拉伸，图片比屏幕大的收缩。

HTML代码：

<img src="1.png" class = "user-image" />
<img src="2.png" class = "user-image" />
<img src="3.png" class = "user-image" />

CSS代码：

.user-image{
    max-width: 100%;
    height: auto;
}

max-width: 100%;

现在的浏览器都支持这种表达方式。