1.包装法#####
<div style="width:80%">
<img style="width:100%" scr="">
</div>
通过让图片完全符合作为“包装盒”的div得宽度，通过改变外层“包装盒”的宽度来达到图片自适应。
同时不需要设置图片的高度，让其按照宽度等比例缩放。
缺点：
图像分辨率不够高的时候，就会糊掉
2.css属性#####
srcset的sizes属性
详细介绍
缺点：
IE完全不兼容，只能在移动端项目使用
2.html5 picture标签#####
详细介绍
缺点：
IE完全不兼容，只能在移动端项目使用
