PostCSS Px2rem-media

这个项目灵感来自于 postcss-pxtorem

只对媒体查询块进行px转rem的PostCSS 插件，面向移动端适配。这个项目灵感来自于postcss-pxtorem 并且任何参数可以从此仓库中查找到.这个项目将尽可能得和postcss-pxtorem API保持同步。

// 输入
a { padding: 10px };
@media screen and (min-width: 900px) {
    article {
      padding: 10px;
    }
}

// 输出
a { padding: 10px };
@media screen and (min-width: 900px) {
    article {
      padding: 0.625rem;
    }
}

用法

步骤 1: 在你的项目中检查已存在的PostCSS 配置: 在项目根目录中的postcss.config.js, 在package.json的"postcss" 字段中或者打包配置很中的postcss。

如果你没有使用PostCSS,根据官方文档添加它并在设置中设置这个插件。

步骤 2: 添加插件到插件列表中:

module.exports = {
  plugins: [
+   require('postcss-px2rem-media'),
    require('autoprefixer')
  ]
}