响应式图像做法

1.包装法#####
  

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

2.css属性#####

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

2.html5 picture标签#####

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

你可能感兴趣的:(响应式图像做法)