移动端 rem 方案

postcss-pxtorem: PostCSS插件,用于从像素单元生成rem单元

一、安装 postcss-pxtorem

npm install postcss-pxtorem -D

二、引入使用

Vue
// build\vue-loader.conf.js
postcss: [
    require('postcss-pxtorem')({
      rootValue: 50,
      propList: ['*'],
      minPixelValue: 2
    })
]
React
// TODO

三、设置根节点 font-size

vue 中在 index.html 为不同宽度的手机设置根元素的fontSize值
react 中在 index.ejs 为不同宽度的手机设置根元素的fontSize值


你可能感兴趣的:(移动端 rem 方案)