想要实现在 render 时根据不同的浏览器(包括手机或 pad 下)去自动加载对应屏幕尺寸的图片。就像 http://adaptive-images.com/ 这样的效果,谢谢指教 : )
Adaptive Image 的解决方案,昨天刚进 CSS3 Draft ... 懒人包 (英文)
简单来说新的方案是打算在 <img>
加入一个新的 attribute 叫做 srcset
,可以指定一系列图片的地址以及各自适用于什么屏幕解析度,某个 JavaScript library 提出的 <picture>
tag 基本出局了。