我们正在使用三个不同设备大小的图片。例如,mobile-banner.png、tablet-banner.png、desktop-banner.png具有相同的外观和感觉,但具有不同的大小和分辨率。我们是否可以根据设备的大小限制下载(不显示/隐藏)无关的图片?如果我们避免在桌面电脑上下载移动设备和平板电脑的图像,性能将大大提高。对于其他设备也是相同的方式。我发现即使在桌面上没有使用移动设备和平板电脑的图像,它们仍然会下载。请帮忙解决。
<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
}
<img />
标签的srcset
属性 - 这是您现在可能会使用的:http://caniuse.com/#search=srcset - Labu