vant 初体验 【适配页面】

对于小白而言安装依赖真的很痛苦。

写下来以后别忘记了。
 

 

官网推荐wap端使用rem适配方法：

 

操作步骤：

（1） 安装postcss-pxtorem

$ npm install postcss-pxtorem --save-dev

（2）安装lib-flexible

$ npm i -S  amfe-flexible

（3）在main.js中引入lib-flexible   （如果未引入，则html无自适应字体大小）

import  'lib-flexible';

（4）在postcss.config.js文件中进行配置

  module.exports = {
    plugins: {
      'autoprefixer': {
        browsers: ['Android >= 4.0', 'iOS >= 7']
      },
      'postcss-pxtorem': {
        rootValue:37.5,
        propList: ['*']
      }
    }
  }