但是这也对我们的Web提出了更高的要求，因为我们需要适配更为复杂的UI方案。
适配图像将会是响应式网络设计下一个需要解决的问题，因为我们针对不同分辨率的屏幕，例如iPhone 4s和iMac，最佳的方案是分别提供不同的图像。因为为低分辨率的屏幕提供高分辨率图像浪费带宽并影响下载速度，而为高分辨率的屏幕提供低分辨率图像又 非常影响体验。
HTML5规范正在讨论分辨率图像的原生适配支持，其中一种比较可靠的方案如下：
| 1 2 3 |
<img src="foo-lores.jpg"
srcset="foo-hires.jpg 2x, foo-superduperhires.jpg 6.5x"
alt="decent alt text for foo.">
|
另外与此类似的image set方案（作为CSS4的一部分）已经被添加到WebKit里，示例如下：
| 1 2 3 4 |
selector {
background: image-set(url(foo-lowres.png) 1x,
url(foo-highres.png) 2x) center;
}
|
最后不要忘了，针对响应式图像，我们还有SVG这个强大而美妙的方案（详见《了解SVG》）。
