一、图片自适应大小
图片设置固定大小(当然width和height至少大于200px的情况下)个人觉得就很影响响应式布局了,可能会使移动端局部发生错乱,所以图片在一个div中自适应大小,个人还是觉得挺重要的。
CSS:
img{
max-width:100%;
max-height:100%;
width:auto;
height:auto;
}
<img class="img-responsive center-block" >
二、设置默认图片
有的时候我们在做用户头像设计的时候会遇到游客没有登录,也就是说没有自己的头像,这个时候肯定不能显示丑丑的图片读取失败的图标,而是有一个没有图片自动加载的图片
<img src="touxiang.jpg" οnerrοr="this.src='default.jpg'" />