Warning: file_get_contents(/data/phpspider/zhask/data//catemap/7/css/37.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 在样式表中快速切换rems和像素_Javascript_Css_Stylus - Fatal编程技术网

Javascript 在样式表中快速切换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

我将正文的初始字体大小设置为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将出现在第一个文件中,
字体大小:12px在前一个中?

您最好同时声明这两个,即使用回退

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