如何防止桌面站点上的图像在移动设备上加载?
如果页面加载时未激活,则可以通过CSS 阻止加载背景图像。请记住,您可以在移动设备上隐藏图片(或实际上是任何元素),并通过媒体查询开始显示它们。
.myMobileImage { background-image: url(...); }
.myDesktopImage { display: none; }
@media only screen and (min-width: 768px) { .myMobileImage { display: none; }
.myDesktopImage { display: inline-block; background-image: url(...); } } 至于个人喜好,我会牢记移动优先的方法,先声明移动样式,然后再使用Media Queries覆盖它们以获得更大的分辨率。
赞0
踩0