vue移动端适配

151 阅读1分钟

1.安装 npm install lib-flexible --save 2.在项目的入口main.js文件中引入lib-flexible import 'lib-flexible' 3.安装 npm install postcss-px2rem-exclude --save 4.在项目的根目录下找到文件.postcssrc.js,在里面添加如下代码(没有找到则在根目录下创建.postcssrc.j)


module.exports = {
  "plugins": {
    // to edit target browsers: use "browserslist" field in package.json
    "postcss-import": {},
    "autoprefixer": {},
    "postcss-px2rem-exclude": {  // 添加的代码
      remUnit: 75,
      exclude: /node_modules|folder_name/i // 忽略node_modules目录下的文件(引入的第三方ui的样式不会随之改变)
    }
  }
}

5