Как применить таблицу стилей только к iPhone (а не к IE), без перехвата браузера?

Question

Я хотел бы применить таблицу стилей исключительно к iPhone, не анализируя браузер (через строку user-agent) на сервере или через JavaScript.

Особенно я не хочу, чтобы 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]-->

Благодарю, я думаю, Статья о разработке iPhone для Sitepoint .