如何在媒体查询样式表旁边附加单独的样式表

Question

我已将媒体查询样式表附加到我的Dreamweaver网站，在所有浏览器中都运行良好。仅在IE中没有样式出现。我不需要IE网站响应，但我需要它只显示简单的样式。 我已经尝试将这段代码放在head标签中：

<!--[if IE]>
    <link rel="stylesheet" type="text/css" href="styles-ie.css" />
<![endif]-->

制作了一个名为styles-ie.css的样式表，但IE中仍然没有样式。 有没有一种简单的方法告诉IE使用这个样式表？

非常感谢任何帮助，

莉莎

Answer 1

您的语法对我来说是正确的。你是如何测试的？可能是你使用IE 10或更高版本？如果是这样，请注意IE 10及更高版本根本不支持条件注释，这意味着永远不会使用此样式表。

您可以随时使用JQuery或Modernizr作为IE10的替代方案。例如，你可以做

var doc = document.documentElement;
doc.setAttribute('data-useragent', navigator.userAgent);

并在常规电子表格中添加

html[data-useragent*='MSIE 10.0'] h1 {
  color: blue;
}

仅针对IE 10激活。有关here的更多信息。