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

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 .