Wie bewerbe ich mich ein Stylesheet nur auf das iPhone (und nicht IE), ohne Browser Sniffing?

Question

Ich möchte ein Sheet ausschließlich auf das iPhone bewerben, ohne Browser zu tun Sniffing (über den User-Agent-String) auf dem Server oder via JavaScript.

ich besonders nicht will, Internet Explorer das Stylesheet anzuwenden. Apple vorgeschlagene Code für ein iPhone-spezifische Sheet Anwendung, das heißt:.

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

scheint das Stylesheet zu verursachen durch IE 7 und 6 angewandt werden.

Answer 1

Verwenden von Apple vorgeschlagenen Code, aber es in bedingten Kommentaren wickeln Sie es von IE zu verbergen:

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

Kredit denke ich an Sitepoint iPhone Entwicklung Artikel diese .