如何将桌面媒体查询样式应用于 IE？答案

【问题标题】：How do I apply desktop media queries style to IE?如何将桌面媒体查询样式应用于 IE？
【发布时间】：2011-08-07 18:56:54
【问题描述】：

我有两个样式表，一个应该只适用于 iPhone 和其他手持设备

@media screen and max-device-width: 480px { ... }

而另一个应该只在其他情况下适用

@media screen and min-device-width: 481px { ... }

我目前将它们放在一个大的 css 文件中，在上面提到的两个不同的 @media 部分中，但后来 我意识到 IE7/8 不应用任何部分。

解决问题的方法是什么？我可以Googled 的唯一解决方案是在 IE 条件注释中再次包含桌面样式表：

<!--[if lte IE 8]>
<link rel="stylesheet" href="/base.css" type="text/css" media="screen"/>
<![endif]-->

但是W3C网站没有这个也能达到同样的效果。怎么样？

【问题讨论】：

【解决方案1】：

根据上面的评论，似乎只有两个可行的解决方案是条件注释或 Javascript media 属性重写。

【讨论】：