CSS响应图片 - 不加载/移动

Question

我正在那里有很多大型图像响应网站删除的大尺寸图像...

我知道如何调整/隐藏图像的移动设备。在这种情况下，图像会加载和隐藏，从而导致用户设备上的更多互联网数据。

相反，我不想加载大图像，如果有人是看在移动

任何帮助吗？

Answer 1

您可以导入你在CSS图像那样：

@media screen and (min-width:800px){ 
    .class{ 
    background-image:url('large.png'); 
    } 
} 

，并重新定义你的移动

@media screen and (max-width:500px) { 
    .class{ 
     background-image:none; 
    } 
}