Javascript 采用响应式设计，避免移动客户端下载大型图像

随着响应式设计越来越流行，响应式设计的缺点之一是移动客户端需要下载不需要的大图像，例如

在我的iPhone上，页面的缩放效果非常好，但下载的图像是

1500x550

，这是浪费，速度慢，而且对于一些用户来说，这会产生成本

当我知道客户是移动的，不为大的图像服务时，另一种方法是什么？是否存在任何现有的方法/库，因此我不需要编写自己的UA嗅探代码？

查看并

这是一个W3工作组，它将为响应图像创建一个规范：

现在，您可以使用一个用javascript编写的polyfill，它具有类似的语法，由相同的人根据自己的规范进行维护：

我已经对它进行了测试，我将在生产中使用它，因为它工作得非常出色；）

---

希望这有助于

看看这篇文章。我发现将图像包装成另一个元素的背景图像效果最好

这是一个非常常见的问题，也是一个很好的问题，目前还没有“最佳答案”

这里有一篇关于

---

我希望这对你有帮助。我很高兴您关心不同设备上的图像，这是一个经常被忽略的问题

如果使用小丑车技术，请参阅我在IE中关于使其正常工作的说明：