响应式图片处理
实现方法:
- js或服务器端。
- srcset 配合sizes。
<img src="img/ad001.png" class="image" srcset="img/ad001.png 480w, img/ad001-m.png 800w, img/ad001-l.png 1600w" sizes="100vw">
- picture
- svg
- 推荐伯乐在线的一篇文章比较具体详细:http://web.jobbole.com/88846/
实现方法:
<img src="img/ad001.png" class="image" srcset="img/ad001.png 480w, img/ad001-m.png 800w, img/ad001-l.png 1600w" sizes="100vw">