该<img srcset...属性允许根据屏幕分辨率向用户显示不同的图像。
当前（2013 年 1 月）哪些浏览器支持此属性？
鉴于这对于在智能手机上浏览的用户来说是一个有用的属性，此外，哪些移动浏览器提供支持？
问问题
19430 次
6 回答
8
2014 年 2 月更新
有多个方面srcset，包括像素密度和视口宽度。在撰写本文时：
- 当前版本 Safari、Chrome 或 Firefox不支持视口宽度
- Chrome 支持像素密度
我已经将一些测试文件和结果放在Github存储库上，我会尽量保持最新。
于 2013-01-22T12:30:07.870 回答
4
Webkit 现在支持 srcset 属性：https ://www.webkit.org/blog/2910/improved-support-for-high-resolution-displays-with-the-srcset-image-attribute/
于 2013-08-14T16:27:58.080 回答
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 来实现这一点，但它确实可以正确显示更大的图像。可能值得四处看看。
于 2013-05-11T04:30:34.660 回答
1
对于 iOS 设备 - 适用于 iOS8 的 Safari 现在支持 srcset - 但要到 2014 年秋季才能普遍使用。
http://friendfeed.com/christianoliff/c7c40ae2/safari-for-ios8-now-supports-img-srcset
于 2014-06-07T19:33:05.053 回答
1
在CanIUse.com上查看当前支持。截至 2015 年 10 月，如果您不太关心 IE，您可以在几乎所有浏览器上安全地使用它，好东西！
于 2015-10-22T20:14:53.980 回答
1
“正确”的答案必须随着时间的推移而发展。
候选测试站点：https ://html5test.com/compare/feature/responsive.srcset.html
于 2018-03-17T10:32:45.037 回答