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

时间:2017-02-14 11:30:05

标签: javascript php html css

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

1 个答案:

答案 0 :(得分:0)

从我对这个问题的理解是你想要添加更多像响应行为。如果是这样,你可以使用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 
}