给自己方便查看
千万别再用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%;
现在的浏览器都支持这种表达方式。