[自适应]使用 srcset + sizes 属性与 w 标识符解决一切响应式图片问题

[gkiwi]

https://ze3kr.tlo.xyz/2015/08/using-srcset/
http://www.w3cplus.com/css3/srcset-sizes.html

张鑫旭这个也不错：
http://www.zhangxinxu.com/wordpress/2014/10/responsive-images-srcset-size-w-descriptor/

已经用起来了，感觉就是：



====
不过是有些缺点的，使用 scrset 处理自适应，如果只是图片分辨率不同，那这个属性非常棒。但如果 srcset 中图片是不同的(比如 PC 版和手机版，图片内容有些变化的)，这个时候， scrset 控制就显得不是尽如人意，因为你不清楚浏览器到底是何时帮助你切换图片。
而使用 @media background-image ，在某些情况下也是恶心到吐= =||

[SmiteChow]

thanks

[gkiwi]

@SmiteChow 看下 append:)

[longbo666]

android4.4 以下支持不佳，放弃

[gkiwi]

@longbo666 确实有兼容性问题，不过我是这样子想的，可以把考虑把本来给手机用的图片作为 src ，其他放在 srcset 里面，因为电脑上浏览器没啥问题（不带 IE ）