[自适应]使用 srcset + sizes 属性与 w 标识符解决一切响应式图片问题
gkiwi · 2015-11-06 17:20:09 +08:00 · 1169 次点击这是一个创建于 3108 天前的主题，其中的信息可能已经有所发展或是发生改变。
第 1 条附言 · 2015-11-07 15:06:32 +08:00
张鑫旭这个也不错：
http://www.zhangxinxu.com/wordpress/2014/10/responsive-images-srcset-size-w-descriptor/
已经用起来了，感觉就是：
====
不过是有些缺点的，使用 scrset 处理自适应，如果只是图片分辨率不同，那这个属性非常棒。但如果 srcset 中图片是不同的(比如 PC 版和手机版，图片内容有些变化的)，这个时候， scrset 控制就显得不是尽如人意，因为你不清楚浏览器到底是何时帮助你切换图片。
而使用 @media background-image ，在某些情况下也是恶心到吐= =||
http://www.zhangxinxu.com/wordpress/2014/10/responsive-images-srcset-size-w-descriptor/
已经用起来了，感觉就是：
====
不过是有些缺点的，使用 scrset 处理自适应，如果只是图片分辨率不同，那这个属性非常棒。但如果 srcset 中图片是不同的(比如 PC 版和手机版，图片内容有些变化的)，这个时候， scrset 控制就显得不是尽如人意，因为你不清楚浏览器到底是何时帮助你切换图片。
而使用 @media background-image ，在某些情况下也是恶心到吐= =||
 |
1
SmiteChow 2015-11-07 08:43:57 +08:00
thanks
|
 |
3
longbo666 2015-11-08 00:09:10 +08:00
android4.4 以下支持不佳，放弃
|
Select Language