Ecco la lista completa delle media queries per i device della mela…

iPad

/* iPad in portrait & landscape */
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) { }
/* iPad in landscape */
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : landscape) { }
/* iPad in portrait */
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : portrait) { }

Per tutti le altre media queries indicate di seguito, aggiungere and (orientation : landscape) o and (orientation : portrait) per differenziare tra le 2 posizioni del device.

iPad Retina

/* Retina iPad in portrait & landscape */
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px)
and (-webkit-min-device-pixel-ratio: 2) { }

iPad 1 e 2

/* 
iPad 1 & 2 in portrait & landscape 
iPad mini in portrait & landscape
*/
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (-webkit-min-device-pixel-ratio: 1) { }

iPhone 6 e 6 Plus

/* iPhone 6 in portrait & landscape */
@media only screen 
and (min-device-width : 375px) 
and (max-device-width : 667px) { }
/* iPhone 6 Plus in portrait & landscape */
@media only screen 
and (min-device-width : 414px) 
and (max-device-width : 736px) { }

iPhone 5 e 5S

/* iPhone 5 & 5S in portrait & landscape */
@media only screen 
and (min-device-width : 320px) 
and (max-device-width : 568px) { }

iPhone 2G a 4S

/* iPhone 2G a 4S in portrait & landscape */
@media only screen 
and (min-device-width : 320px) 
and (max-device-width : 480px) { }

E Android ???

A breve un articolo per le media queries per i device Android… Stat senza penzier 🙂 !