CNode

px转rem fis版:fis-postprocessor-px2rem

分享
Yyounth发布于10 年前最后回复10 年前1 回复6750 浏览0 收藏

移动端布局淘宝的lib-flexible flexible应该是目前最适合的了,我们这边也在进行推广。由于之前业务线大部分都是基于fis构建,昨天简单实现了个px2rem的fis版本 fis-postprocessor-px2rem 用fis进行构建的移动端项目可以考虑使用,自动将px按照注释规范转成对应rem。

Pre processing:

One raw stylesheet: test.css

.selector {
    width: 150px;
    height: 64px; /*px*/
    font-size: 28px; /*px*/
    border: 1px solid #ddd; /*no*/
}

After processing:

Rem version: test.css

.selector {
    width: 2rem;
    border: 1px solid #ddd;
}
[data-dpr="1"] .selector {
    height: 32px;
    font-size: 14px;
}
[data-dpr="2"] .selector {
    height: 64px;
    font-size: 28px;
}
[data-dpr="3"] .selector {
    height: 96px;
    font-size: 42px;
}
查看回复

回复 (1)

I
i5ting#1·10 年前

这个棒棒哒,如果内容足够多,可以精华的

参与回复
登录后即可参与回复。登录