2013年（5）
分类： 其他平台
2013-08-30 17:24:13
srcset可变分辨率的示例。
例如，某网站可为一台Retina MacBook Pro设备，提供分辨率更大、质量更高的图像；而对于一台显示分辨率更低的MacBook Air，则提供一张分辨率较小、质量也更低的图像。
自首个Retina设备(iPhone 4)在2010年面世以来，网站和基于Web的应用程序却迟迟没有对Retina显示屏提供支持。当前的实施方法是"次优"的——对开发人员来说，累赘；对用来说，降低了使用体验——或者说，其缺乏对跨浏览器的支持。
而有了srcset，开发人员就能通过单一声明指定多个不同的图像，并且它是专门为兼容更老旧的系统而设计的——那些不支持srcset的浏览器会直接忽略掉它，对用户而言不会产生任何不良影响。
其语法类似于苹果对Retina-ready图形卡的定义：开发人员只需提供一个备用的文件名(alternate filename)和倍数放大(resolution multiplier)，比如1x、2x或4x。
"Resolution Multiplier",WebKit增高分屏支持＂Srcset＂为Retina铺路;是用来衡量"多少个物理像素组成'一个'像素点的方法"，例如iPhone 5的屏幕分辨率为1136x640，但"显示分辨率"为568x320。这意味着4个物理像素组成了一个"显示像素"，或称"4x multiplier"。 ,WebKit增高分屏支持＂Srcset＂为Retina铺路;
作为定义和管理支撑Web的开放标准的国际组织，万维网联盟(W3C)在2012年5月份的时候，将srcset添加到了HTML5规范之中。而一个叫做"-webkit-image-set"的相似功能，也被添加到了WebKit，并且在同一年随着Safari 6和Google的Chrome 21一并推出。
该优点尚未被广泛采用,，因为主宰着超过半数市场的微软IE和Mozilla Firefox还没有对它进行部署。WebKit是首个宣布支持srcset的浏览器引擎，且该功能可能在OSX Mavericks的Safari 7上出现。
[编译自：AppleInsider]
转自:
本文由虫虫软件发出：
