标签：vant 适配 px H5 file font postcss pxtorem

1.下载 

npm i amfe-flexible npm i postcss-pxtorem   2.根目录加 postcss.config.js

module.exports = {
  plugins: {
    // postcss-pxtorem 插件的版本需要 >= 5.0.0
    'postcss-pxtorem': {
      rootValue ({ file }) {
        // 判断是否是vant的文件 如果是就使用 37.5为根节点字体大小
        // 否则使用75 因为vant使用的设计标准为375 但是市场现在的主流设置尺寸是750
        return file.indexOf('vant') !== -1 ? 37.5 : 75
      },
      // 配置哪些文件中的尺寸需要转化为rem *表示所有的都要转化
      // *表示所有，所有的都参与计算     // '!font-size'字号
      propList: ['*', '!font-size', '!border']

    }
  }
}

 

标签：vant,适配,px,H5,file,font,postcss,pxtorem
来源： https://www.cnblogs.com/daifuchao/p/16455317.html

本站声明： 1. iCode9 技术分享网（下文简称本站）提供的所有内容，仅供技术学习、探讨和分享；
2. 关于本站的所有留言、评论、转载及引用，纯属内容发起人的个人观点，与本站观点和立场无关；
3. 关于本站的所有言论和文字，纯属内容发起人的个人观点，与本站观点和立场无关；
4. 本站文章均是网友提供，不完全保证技术分享内容的完整性、准确性、时效性、风险性和版权归属；如您发现该文章侵犯了您的权益，可联系我们第一时间进行删除；
5. 本站为非盈利性的个人网站，所有内容不会用来进行牟利，也不会利用任何形式的广告来间接获益，纯粹是为了广大技术爱好者提供技术内容和技术思想的分享性交流网站。