postcss-px2rem-移动端h5开发适配方案

1、引入包

npm install postcss-px2rem

2、配置postcss.config.js

module.exports = {
  plugins: {
    'postcss-px2rem': {
      remUnit: 46.875
    }
  }
}

3、在html文件增加脚本动态修改fontsize

 

以上配置对应750px设计稿(用过remUnit是其他值的,试了不太行~)

module.exports = {
  plugins: {
    autoprefixer: {},
    'postcss-px2rem':{
      remUnit: 75
    }
  }
}

index.html

  

 

你可能感兴趣的:(移动端,适配,px2rem)