哪些浏览器支持`<img srcset...=""/>`属性?

时间:2013-01-18 10:57:39

标签: html5

<img srcset... attribute允许根据屏幕分辨率向用户显示不同的图像。

目前哪些浏览器(2013年1月)支持此属性?

鉴于这对于在智能手机上浏览的用户来说是一个有用的属性,另外,哪些移动浏览器提供支持?

6 个答案:

答案 0 :(得分:8)

2014年2月更新

srcset有各种方面,包括像素密度和视口宽度。在撰写本文时:

    当前版本Safari,Chrome或Firefox 支持
  • 视口宽度
  • Chrome支持像素密度

我已将一些测试文件和结果放在Github repo上,我会尽力保持最新状态。

答案 1 :(得分:4)

答案 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

相关问题