Je voudrais appliquer une feuille de style exclusivement à l'iPhone, sans faire de reniflage de browser (via la string user-agent) sur le server ou via JavaScript.
Je ne veux surtout pas qu'Internet Explorer applique la feuille de style. Le code suggéré par Apple pour appliquer une feuille de style spécifique à l'iPhone, à savoir:
<link media="only screen and (max-device-width: 480px)" href="small-device.css" type= "text/css" rel="stylesheet">
semble provoquer l'application de la feuille de style par IE 7 et 6.
Utilisez le code suggéré par Apple, mais enveloppez-le dans des commentaires conditionnels pour le cacher de IE:
<!--[if !IE]><!--> <link media="only screen and (max-device-width: 480px)" href="small-device.css" type= "text/css" rel="stylesheet"> <!--<![endif]-->
Crédit Je pense à l'article de développement iPhone de Sitepoint pour cela.