ブラウザスニッフィングをせずに、スタイルシートをiPhone（IEではなく）にのみ適用するにはどうすればよいですか？

Question

I＆＃8217;サーバーまたはJavaScriptで（ユーザーエージェント文字列を介して）ブラウザースニッフィングを行わずに、iPhoneのみにスタイルシートを適用したい。

特にInternet Explorerにスタイルシートを適用させたくない。 Appleが提案したiPhone固有のスタイルシートを適用するためのコード、つまり：

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

IE 7および6でスタイルシートが適用されるようです

Answer 1

Appleの推奨コードを使用しますが、IEから隠すために条件付きコメントでラップします：

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

クレジット SitepointのiPhone開発記事これ。