如何在浏览器不监听的情况下将样式表仅应用于iPhone（而非IE）？

小编典典

如何在浏览器不监听的情况下将样式表仅应用于iPhone（而非IE）？

css

我想只将样式表应用于iPhone，而无需在服务器上或通过JavaScript进行浏览器嗅探（通过用户代理字符串）。

我特别不希望Internet Explorer应用样式表。苹果建议的代码，用于应用iPhone专用的样式表，即：

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

似乎导致样式表被IE 7和6应用。

阅读 302

2020-05-16

共1个答案

小编典典

使用Apple建议的代码，但将其包装在条件注释中以将其从IE隐藏：

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

2020-05-16