Media query retina display

media queries retina display

Con le media query è possibile includere delle regole css solo per i retina display.
Includere delle regole per i retina display è semplicissimo.
La sintassi corretta della media query è la seguente:

@media (-webkit-min-device-pixel-ratio: 2), (min--moz-device-pixel-ratio: 2), (min-width: 1024px) { 
    /* Regole specifiche per i display retina */
}

Questa appena mostrata è la corretta sintassi per applicare delle regole css ad un retina display.

Questo esempio imposta delle regole per un retina display su browser come chrome e safari (-webkit-min-device-pixel-ratio: 2) e (mozilla min–moz-device-pixel-ratio: 2) per una risoluzione minima di 1024px (min-width: 1024px).

Lascia un commento

Il tuo indirizzo email non sarà pubblicato. I campi obbligatori sono contrassegnati *