Также можно комбинировать свойство min-device-pixel-ratio с другими
свойствами медиа-очередей, например с min-width:
@media
only screen and (-webkit-min-device-pixel-ratio: 2) and (min-width: 320px),
only screen and ( min--moz-device-pixel-ratio: 2) and (min-width: 320px),
only screen and ( -o-min-device-pixel-ratio: 2/1) and (min-width: 320px),
only screen and ( min-device-pixel-ratio: 2) and (min-width: 320px){
/* Mobile HD-display */
}
Плюсы метода:
устройства не скачивают лишние
изображения,
контроль плотности пикселей фоновых
изображений
Минусы метода:
утомительно внедрять, особенно на
крупных сайтах
Методы оптимизации изображений
под HD-дисплеи