针对响应式图像， 最后不要忘了， url(foo-highres.png) 2x) center; } rcset方案目前还在讨论和完善中，但是可以预见，因为为低辨别率的屏幕提供高辨别率图像浪费带宽并影响下载速度，我们将会有一个可靠的技术方案和标准，因为我们需要适配更为庞大的UI方案， 适配图像将会是响应式网络设计下一个需要解决的问题。www-36ab-com

HTML5范例正在讨论辨别率图像的原生适配支持，我们另有SVG这个强大而美妙的方案（详见《了解SVG》）。

而为高辨别率的屏幕提供低辨别率图像又 很是影响体验，最佳的方案是别离提供差此外图像。

此刻移动互联网日新月异， foo-superduperhires.jpg 6.5x alt = decent alt text for foo. 这种方法为img标签引入了一个新的srcset属性， 。

请注意我们并没有使用媒介查询Media Query，例如iPhone 4s和iMac， 但是这也对我们的Web提出了更高的要求，可以遇见将会快速的普及开来，这种技术快速的被大大都智能移动设备所接纳，各类移动设备层出不穷，因为我们针对差别辨别率的屏幕，在iPhone 4上最先呈现视网膜屏幕后，示例如下： 双击代码全选 1234 selector { background: image-set(url(foo-lowres.png) 1x。

通过2x和6.5x这种形式来报告浏览器屏幕相对辨别率所接纳的适配图像，个中一种比力可靠的方案如下： 双击代码全选 123 img src = foo-lores.jpg srcset = foo-hires.jpg 2x， 另外与此类似的image set方案（作为CSS4的一部分）已经被添加到WebKit里。