fis3-postprocessor-remreset
v0.0.8
Published
convert px to rem
Downloads
2
Readme
fis3 postprocessor plugin
将css样式文件中的px转换为rem,将字体转换为@1x,@2x,@3x大小
如何使用
1、编写css
- 如果不想将px转换为rem,则rule后面增加注释
/*no*/
- 字体仍然使用px作为单位,则rule后面增加注释
/*px*/
。remreset插件会自动将该rule转换为[data-dpr="1"],[data-dpr="2"],[data-dpr="3"]下的rule
.header {
width: 200px;
border: 1px solid #ccc; /*no*/
font-size: 18px; /*px*/
}
2、配置fis
fis.match("*.less", {
parser : fis.plugin('less'),
postprocessor: fis.plugin('remreset', {
dpr: 2, // 2 = 视觉稿对应设备的dpr值,默认是2
remUnit: 75 // 75 = 视觉稿宽度/10,默认是75
}),
rExt : '.css'
});