javascript - 在样式表中快速切换 rem 和像素

Question

我将正文的初始字体大小设置为 62.5%，以便等于 10px。然后我将元素字体大小设置为 1.2rem、2rem 等等。一切正常。

现在我想为 IE8 设置像素而不是 rems，而不是为处理它的怪癖而烦恼太多。所以，我添加了一个新ie.styl文件，如果它是 IE，我有条件地附加它。在其中，我想将 rems 更改为原始文件中任何 rems 的像素。我的问题 - 有没有一些好的方法可以自动完成，比如 nib 对浏览器特定的前缀 CSS 选项做了什么？

因此，结果，我font-size units(1.2)在原始文件中添加了类似的内容，它会生成两个文件 -style.css并且ie.css，font-size: 1.2rem;第一个文件在哪里，font-size: 12px;前一个文件在哪里？

Answer 1

你能做的最好的就是声明两者，IE 将使用后备

.font {
   font-size:16px; /* ie fallback */
   font-size:1rem;
}