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