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

时间:2013-07-10 13:23:51

标签: javascript css stylus

我将body的初始字体大小设置为62.5%,因此等于10px。然后我将元素font-size设置为1.2rem,2rem等等。一切正常。

现在我想为IE8设置像素而不是rems,而不是通过处理它的怪癖来打扰太多。所以,我添加了一个新的ie.styl文件,如果它是IE,我会有条件地附加它。在里面,我想将rems更改为像素,无论rems在原始文件中。我的问题 - 是否有一些很好的方法可以自动完成,比如nib对浏览器特定的前缀CSS选项有什么作用?

因此,我在原始文件中添加font-size units(1.2)之类的内容,并生成两个文件 - style.cssie.css,其中font-size: 1.2rem;将位于第一个文件中文件,以及前者中的font-size: 12px;

1 个答案:

答案 0 :(得分:1)

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

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