Mobile 所有高分辨率设备的媒体查询。仅加载高分辨率照片

我有一个有很多img的页面。我尝试将img放在后台，使高分辨率设备的img与非高分辨率设备的img相同。我有两个问题：

此媒体查询是否最新，是否对所有新的hi-res设备、Apple retina和其他新的hi-res设备有用？。我正在为所有设备寻找一个媒体查询。可能吗

在这种情况下，高分辨率设备也将加载非高分辨率img？如果是，如何使高分辨率设备仅加载高分辨率照片

HTML:

用于高分辨率图形

@media 
(-webkit-min-device-pixel-ratio: 2), 
(min-resolution: 192dpi) { 
    #photo { background-image:url('img/2/1.jpg''); }
}

或其他高分辨率图形

@media 
(-webkit-min-device-pixel-ratio: 1.25), 
(min-resolution: 120dpi){ 
    #photo { background-image:url('img/1.25/1.jpg'); }
}


@media 
(-webkit-min-device-pixel-ratio: 1.3), 
(min-resolution: 124.8dpi){ 
    #photo { background-image:url('img/1.3/1.jpg'); }
}


@media 
(-webkit-min-device-pixel-ratio: 1.5), 
(min-resolution: 144dpi){ 
    #photo { background-image:url('img/1.5/1.jpg'); }
}

用于高分辨率图形

@media 
(-webkit-min-device-pixel-ratio: 2), 
(min-resolution: 192dpi) { 
    #photo { background-image:url('img/2/1.jpg''); }
}

或其他高分辨率图形

@media 
(-webkit-min-device-pixel-ratio: 1.25), 
(min-resolution: 120dpi){ 
    #photo { background-image:url('img/1.25/1.jpg'); }
}


@media 
(-webkit-min-device-pixel-ratio: 1.3), 
(min-resolution: 124.8dpi){ 
    #photo { background-image:url('img/1.3/1.jpg'); }
}


@media 
(-webkit-min-device-pixel-ratio: 1.5), 
(min-resolution: 144dpi){ 
    #photo { background-image:url('img/1.5/1.jpg'); }
}

---

也许我解释得不好。我在问：1。我可以对所有高分辨率设备使用一个媒体查询吗。2.它是否只加载hi-res？也许我没有解释清楚。我在问：1。我可以对所有高分辨率设备使用一个媒体查询吗。2.它是否只加载高分辨率照片