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; 
    } 
}