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

Question

我将 body 的初始字体大小设置为 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;
}