html 中图片自适应大小设置

一、图片自适应大小

图片设置固定大小（当然width和height至少大于200px的情况下）个人觉得就很影响响应式布局了，可能会使移动端局部发生错乱，所以图片在一个div中自适应大小，个人还是觉得挺重要的。

CSS:

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

Boostrap:

二、设置默认图片

有的时候我们在做用户头像设计的时候会遇到游客没有登录，也就是说没有自己的头像，这个时候肯定不能显示丑丑的图片读取失败的图标，而是有一个没有图片自动加载的图片

<img src=“touxiang.jpg” οnerrοr=“this.src=‘default.jpg’” />

原文链接：https://blog.csdn.net/jikexueyuan5555/article/details/78735084