随着响应式设计越来越流行，响应式设计的缺点之一是移动客户端需要下载不需要的大图像，例如
http://twitter.github.io/bootstrap/examples/carousel.html
在我的iPhone上，页面缩放得很好，但下载的图像是1500x550，这是浪费的，速度慢，对一些用户来说，这会产生成本。
当我知道客户端是移动的，不提供大图像时，有什么替代方法？是否有任何现有的方法/库，这样我就不需要编写自己的UA嗅探代码了？
看看http://www.w3.org/community/respimg/和http://responsiveimages.org/
W3工作组将为响应图像创建规范:
http://picture.responsiveimages.org/
目前，您可以使用用javascript编写的polyfill，它具有类似的语法，由相同的人根据自己的规范进行维护：
https://github.com/scottjehl/picturefill
我已经测试过了，我将在生产中使用它，因为它效果很好；）
希望这能帮助
看看这篇文章，媒体查询资产下载。我发现，将图像制作成一个包裹在另一个元素中的背景图像效果最好。
这是一个非常常见的问题，也是一个很好的问题，目前还没有"最佳答案"。
这是一篇关于小丑车技术的文章
我希望这能帮助你。我很高兴你关心不同设备上的图像，这是一个经常被忽视的问题。
如果使用小丑车技术，请参阅我关于使其在IE中正常工作的说明：http://jona.ca/blog/notes-on-using-the-clown-car-technique-in-ie