设计稿750,vant框架根字体为37.5时,设置vue自适应

368 阅读1分钟
  • 安装 autoprefixer postcss-px2rem 插件
  • 在 postcss.config.js 文件中粘贴以下代码
const AutoPrefixer = require("autoprefixer");
const px2rem = require("postcss-px2rem");
module.exports = ({ file }) => {
  let remUnit;
  // 若为vant组件 则根fz为37.5 其他则设置为75
  if (file && file.dirname && file.dirname.indexOf("vant") > -1) {
    remUnit = 37.5;
  } else {
    remUnit = 75;
  }
  return {
    plugins: [
      px2rem({ remUnit: remUnit}),
      AutoPrefixer({ overrideBrowserslist: ['> 0.15% in CN'] })]
  };
};