Para direcionar dispositivos de retina usando CSS, é possível fazer uso de uma consulta de mídia com o atributo -webkit-min-device-pixel-ratio.
@media only screen and (-webkit-min-device-pixel-ratio: 2) {
/*your custom declarations here*/
}Sidenote : lembre-se que o exemplo utilizado é apenas uma consulta de mídia baseada nas diretrizes do iOS e Retina MacBook Pro’s. O Android, na verdade, usa diferentes valores de proporção mínimo-dispositivo-pixel, dependendo da tela do seu dispositivo.
Fonte: http://miekd.com/articles/using-css-sprites-to-optimize-your-website-for-retina-displays/