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

Question

我有两个样式表，一个仅应用于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网站会达到同样的效果。怎么样？

Answer 1

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