使用postcss-px2rem时，让rem和px同时生效_px 和 rem 共存开发

大家都知道使用 postcss-px2rem 可以自动将项目中的 px 转化为 rem ,但是，在有些情况下，我们需要同时使用 rem 和 px 。

方法很简单！

需要将px转化为rem的正常书写，只需要使用 px 的，将 px 改成大写字母 PX 就可以了。

赶快试试吧！

但是，使用vscode编写代码时，只要格式化，PX 就会变成 px,很让人烦恼。经过不懈努力终于有了一个完整的解决方案。

使用SCSS自定义函数，比如：

base.scss文件中：

/**固定使用px**/
@function fixedPX($val) {
  @return $val + PX;
}

app.vue文件中使用函数

#app{
  min-width: fixedPX(1129)
}

这样就可以让rem 和 px 同时生效了。

如果使用calc,请使用如下写法

@function diffValue($one,$two){
  @return calc(#{$one} - #{fixedPX($two)})
}

{
width: diffValue(100%, 36);
}