Javascript 在样式表中快速切换rems和像素
我将正文的初始字体大小设置为62.5%,以便等于10px。然后我将元素字体大小设置为1.2rem、2rem等等。一切正常 现在我想为IE8设置像素,而不是rems,这样就不会因为处理它的怪癖而太麻烦了。因此,我添加了一个新的Javascript 在样式表中快速切换rems和像素,javascript,css,stylus,Javascript,Css,Stylus,我将正文的初始字体大小设置为62.5%,以便等于10px。然后我将元素字体大小设置为1.2rem、2rem等等。一切正常 现在我想为IE8设置像素,而不是rems,这样就不会因为处理它的怪癖而太麻烦了。因此,我添加了一个新的ie.styl文件,如果它是ie,我会有条件地附加它。在它里面,我想将rems更改为原始文件中任何rems所在的像素。我的问题是——是否有一些好的方法可以自动完成,比如nib对特定于浏览器的前缀CSS选项所做的工作 因此,我在原始文件中添加了类似font-size units
ie.styl
文件,如果它是ie,我会有条件地附加它。在它里面,我想将rems更改为原始文件中任何rems所在的像素。我的问题是——是否有一些好的方法可以自动完成,比如nib对特定于浏览器的前缀CSS选项所做的工作
因此,我在原始文件中添加了类似
font-size units(1.2)
的内容,它生成了两个文件-style.css
和ie.css
,其中font-size:1.2rem代码>将出现在第一个文件中,字体大小:12px代码>在前一个中?您最好同时声明这两个,即使用回退
.font {
font-size:16px; /* ie fallback */
font-size:1rem;
}
和