Comment appliquer une feuille de style uniquement sur l'iPhone (et non sur IE), sans renifler le navigateur

Question

Je souhaite appliquer une feuille de style exclusivement à l'iPhone, sans effectuer de recherche de navigateur (via la chaîne d'agent utilisateur) sur le serveur ni via JavaScript.

Je ne souhaite surtout pas qu'Internet Explorer applique la feuille de style. Le code suggéré par Apple pour appliquer une feuille de style spécifique à un 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.

Answer 1

Utilisez le code suggéré par Apple, mais enveloppez-le dans des commentaires conditionnels pour le masquer à partir de l'IE:

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

Je pense que l'article sur le développement iPhone de Sitepoint & # 8217; pour cela.