根据设备的大小限制图像下载

Question

我们正在为3种不同的设备使用3种尺寸的图像。例如，mobile-banner.png，tablet-banner.png，desktop-banner.png具有相同的外观和感觉;但有不同的大小和分辨率。我们可以根据设备的大小限制不相关图像的下载（不显示/隐藏）。如果我们避免为桌面下载移动和平板电脑图像，性能可以大大提高。其他设备的方式类似。我可以看到图像下载，即使它们（手机和平板电脑图像）未在桌面中使用。请帮助。

Answer 1

从我对这个问题的理解是你想要添加更多像响应行为。如果是这样，你可以使用jquery限制图像大小。这是这样的：

<script src="//ajax.googleapis.com/ajax/libs/jquery/1.9.0/jquery.min.js"></script>

if ( $(window).width() > 739) {      
  //Add your javascript for large screens here 
} 
else {
  //Add your javascript for small screens here 
}