我有两个样式表，一个应该只适用于 iPhone 和其他手持设备
@media screen and max-device-width: 480px { ... }
而另一个应该仅适用于其他情况
@media screen and min-device-width: 481px { ... }
我目前将它们放在一个大的 css 文件中，在@media上面提到的两个不同部分中，但后来我意识到 IE7/8 不适用任何部分。
问题的解决方案是什么？我可以谷歌搜索的唯一解决方案是在 IE 条件注释中再次包含桌面样式表：
<!--[if lte IE 8]>
<link rel="stylesheet" href="/base.css" type="text/css" media="screen"/>
<![endif]-->
但是W3C网站没有这个也能达到同样的效果。如何？