带有 CSS 变量和 IE 支持的 Meteor JS答案

【问题标题】：Meteor JS with CSS variables and IE support带有 CSS 变量和 IE 支持的 Meteor JS
【发布时间】：2018-02-03 07:47:24
【问题描述】：

我的问题是，我有一个流星应用程序，更改样式最清晰和最简单的方法是使用 CSS 变量。但是： IE 根本不支持它们，所以我不得不编写一个辅助函数，改变每个模板创建和用户交互的样式。那个辅助函数又慢又丑，所以我想只为 IE 指定辅助函数，并在其他浏览器中使用 CSS 变量。 - 如果浏览器是 IE 使用 IEspec.css，我如何在构建之前指定，其他情况使用nonIEspec.css？

【问题讨论】：

标签： javascript html css internet-explorer meteor

【解决方案1】：

我不知道meteor的构建过程，但是你可以在你的index.html中添加这个：

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

关于变量 IE 不支持它们，只支持 Edge 15+。

在 Edge 15 中，不计算带有 css 变量的嵌套计算并被忽略请参阅带有 css 变量的 Edge 15 动画中的错误可能导致网页崩溃查看错误在 Edge 15 中无法使用伪元素中的css变量见bug

你有纯 css 变量还是类似 SASS/LESS 的东西？也许有一个编译器使它们成为 css 1、2 或 3。

检查兼容性here

【讨论】：

谢谢，我是这样制作的，现在看来可以工作了。但不是因为：之所以有效，是因为setStyle 辅助函数。因为在资源管理器中，CSS 变量是未定义的，但辅助函数元素获得了定义的属性。只有当浏览器是 IE 或 Edge 时，该辅助函数才会运行。所以实际上不需要在 index.html 中检查浏览器