Media Query для дисплеев Retina
А вот так необходимо прописывать стили для изображений повышенной чёткости для дисплеев Retina. На остальных дисплеях вы разницы не заметите, а вот счастливые обладатели продукции Apple будут еще счастливее.
@media only screen and(-webkit-min-device-pixel-ratio:2),
only screen and(-webkit-min-device-pixel-ratio:1.5),
only screen and(-moz-min-device-pixel-ratio:2),
only screen and(-o-min-device-pixel-ratio:3/2),
only screen and(-o-min-device-pixel-ratio:2/1),
only screen and(min-moz-device-pixel-ratio:1.5),
only screen and(min-device-pixel-ratio:1.5),
only screen and(min-device-pixel-ratio:2),
only screen and(min-resolution:192dpi),
only screen and(min-resolution:2dppx){
background: url("путь к вашему изображению") repeat scroll 50% 0 rgba(0, 0, 0, 0);
}