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

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.更多的信息在这里 。