rem适配

rem

• 移动端推荐使用rem来进行适配,因为人可以较为完美的与各种手机型号适配

rem使用前需要自己去配置一下最后通过计算来使用
1rem = 37.5px 以font-size来设值

• 还可以下载两个工具,可以更方便快捷的rem
  * postcss-pxtorem是一款postcss插件,用于将单位转化为rem单位
  * lib-flexible用于设置rem的基准值

安装引入

• 安装依赖

cnpm install lib-flexible postcss-pxtorem --save-dev

• main.js导入

//移动端适配
impor 'lib-flexible/flexible'

PostCSS配置

• 创建.postcssrc.js

// https://github.com/michael-ciniawsky/postcss-load-config
module.exports = {
  plugins: {
    autoprefixer: {
      overrideBrowserslist: ['Android 4.1', 'iOS 7.1', 'Chrome > 31', 'ff > 31', 'ie >= 8']
    },
    'postcss-pxtorem': {
      rootValue: 75,
      propList: ['*']
    }
  }
}