¿Cómo apuntar a CSS para iPad pero excluir el escritorio de Safari 4 usando una consulta de medios?

Question

Estoy tratando de usar una regla de medios para dirigir CSS a iPad solamente. Quiero excluir iPhone/iPod y navegadores de escritorio. Me gustaría también excluir otros dispositivos móviles si es posible.

he utilizado

<style type="text/css" media="only screen and (min-device-width: 768px) and (max-device-width: 1024px)"> 

pero acaba de descubrir que el escritorio de Safari 4 lee. He tratado con variaciones "481px" en lugar de "768px" y otro que se suma a una orientación que:

<style type="text/css" media="only screen and (min-device-width: 481px) and (max-device-width: 1024px) and (orientation:portrait)"> 

pero no hubo suerte. (Más tarde estaremos oliendo las cadenas de usuario-agente para iPad, pero por ahora esa solución no funcionará).

¡Gracias!

Actualización: parece que Safari de escritorio utiliza el ancho y alto de la pantalla en este momento y se da una orientación de retrato u horizontal en función de eso. No parece que los anchos y las alturas excluyan los navegadores de escritorio (a menos que me falta algo).

http://mislav.uniqpath.com/2010/04/targeted-css/

Answer 1

media="only screen and (device-width: 768px)" 

Gracias a Mislav Marohnić por la respuesta!

Esto funciona para iPad en cualquier orientación y parece excluir Safari de escritorio.

Cuando estaba probando (min-device-width: 768px) and (max-device-width: 1024px) Pude ver Safari 4 usando los estilos o ignorándolos al ensanchar o estrechar la ventana. Al probar (device-width: 768px) Intenté que el navegador Safari de escritorio tuviera exactamente 786 px de ancho, pero nunca pude ver los estilos.

Answer 2

Esta es una demostración bastante simlifying: http://css-tricks.com/snippets/css/ipad-specific-css/

Answer 3

puedo usar PHP para hacer eso. Aíslo la forma de placa de la cadena USER_AGENT. Entonces solo tengo que usar un if($plateform == 'iPad') {.....} ¡Así de fácil!