¿Consulta de medios CSS dirigida solo a iPad y iPad?

Question

Nov 25, 2011, 04:55 PM

¿Consulta de medios CSS dirigida solo a iPad y iPad?

Hola, estoy trabajando con múltiples tabletas, iPad, Galaxy Tab, Acer Iconia, LG 3D Pad, et

iPad - 1024 x 768LG Pad - 1280 x 768Galaxy Tab - 1280 x 800

Quiero apuntar al iPad solo mediante la consulta de medios CSS3. Desde entonces, el ancho del dispositivo de LG y iPad es igual a 768px. Tengo problemas para separar cada dispositivo.

He intentado lo siguiente para separar, pero no parece estar funcionando:

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation : portrait) /* applied to lg also */
@media only screen and (min-resolution: 132dpi) and (max-device-width: 1024px) and (orientation : portrait) /* applies to lg also */
@media only screen and (device-aspect-ratio: 1024/768) and (orientation : portrait) /* does not work on iPad or LG */

No conozco la relación -webkit-device-pixel-ratio y otras opciones -webkit * y sus valores para apuntar para iPad. No quiero usar JavaScript para estilos, ¿alguna idea?