HTML5 img

一、图片自适应大小

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

CSS:

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

Boostrap:

<img class="img-responsive center-block" >
二、设置默认图片

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

<img src="touxiang.jpg" οnerrοr="this.src='default.jpg'" />