¿Cómo aplico una hoja de estilo solo al iPhone (y no a IE), sin rastrear el navegador?

Question

Me gustaría aplicar una hoja de estilo exclusivamente al iPhone, sin rastrear el navegador (a través de la cadena de agente de usuario) en el servidor o mediante JavaScript.

Particularmente no quiero que Internet Explorer aplique la hoja de estilo. Código sugerido de Apple para aplicar una hoja de estilo específica de iPhone, es decir:

<link media="only screen and (max-device-width: 480px)" href="small-device.css" type= "text/css" rel="stylesheet">

parece causar que la hoja de estilo sea aplicada por IE 7 y 6.

Answer 1

Use el código sugerido de Apple, pero envuélvalo en comentarios condicionales para ocultarlo de IE:

<!--[if !IE]><!-->
<link media="only screen and (max-device-width: 480px)" href="small-device.css" type= "text/css" rel="stylesheet">
<!--<![endif]-->

Crédito Creo que Artículo de desarrollo de iPhone de Sitepoint para este .