vue中移动端自适应方案

安装 lib-flexible

1、npm i lib-flexible

2、在项目入口文件 main.js 里 引入 lib-flexible

      import ‘lib-flexible’

3、添加meta标签  

px 转 rem:安装px2rem-loader

1、npm i px2rem-loade

2、配置build/utils.js 

var cssLoader = {
  loader: 'css-loader',
  options: {
    minimize: process.env.NODE_ENV === 'production',
    sourceMap: options.sourceMap
  }
}
 
var px2remLoader = {
  loader: 'px2rem-loader',
  options: {
    remUnit: 75
  }
}
 
function generateLoaders(loader, loaderOptions) {
  var loaders = [cssLoader, px2remLoader]
}

 

转载于:https://www.cnblogs.com/shirliey/p/9187829.html

你可能感兴趣的:(vue中移动端自适应方案)