响应式图像做法

1.包装法#####

  <div style="width:80%">
      <img style="width:100%" scr="">
  </div>

通过让图片完全符合作为“包装盒”的div得宽度，通过改变外层“包装盒”的宽度来达到图片自适应。
同时不需要设置图片的高度，让其按照宽度等比例缩放。
缺点：
图像分辨率不够高的时候，就会糊掉

2.css属性#####

srcset的sizes属性
详细介绍
缺点：
IE完全不兼容，只能在移动端项目使用

2.html5 picture标签#####

详细介绍
缺点：
IE完全不兼容，只能在移动端项目使用