<img srcset...
attribute允许根据屏幕分辨率向用户显示不同的图像。
目前哪些浏览器(2013年1月)支持此属性?
鉴于这对于在智能手机上浏览的用户来说是一个有用的属性,另外,哪些移动浏览器提供支持?
答案 0 :(得分:8)
2014年2月更新
srcset
有各种方面,包括像素密度和视口宽度。在撰写本文时:
我已将一些测试文件和结果放在Github repo上,我会尽力保持最新状态。
答案 1 :(得分:4)
Webkit现在支持srcset属性:https://www.webkit.org/blog/2910/improved-support-for-high-resolution-displays-with-the-srcset-image-attribute/
答案 2 :(得分:1)
有趣的是,维基百科似乎正在使用srcset,其属性如下:
srcset="//upload.wikimedia.org/wikipedia/commons/thumb/c/cb/Izokefalizm.jpg/300px-Izokefalizm.jpg 1.5x, //upload.wikimedia.org/wikipedia/commons/thumb/c/cb/Izokefalizm.jpg/400px-Izokefalizm.jpg 2x"
我猜他们正在使用polyfill来实现这一目标,但它肯定会正确显示更大的图像。可能值得四处寻找。
答案 3 :(得分:1)
对于iOS设备 - 适用于iOS8的Safari现在支持srcset - 但在2014年秋季之前通常无法使用。
http://friendfeed.com/christianoliff/c7c40ae2/safari-for-ios8-now-supports-img-srcset
答案 4 :(得分:1)
查看CanIUse.com的当前支持。截至2015年10月,如果你不关心IE,你可以安全地在几乎所有的浏览器上使用它,好东西!
答案 5 :(得分:1)
“正确”的答案必须随着时间的推移而发展。
候选测试网站:https://html5test.com/compare/feature/responsive.srcset.html