vue中移動端自適應方案

安裝 lib-flexible

1、npm i lib-flexible

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

      import ‘lib-flexible’

3、添加meta標簽  <meta name="viewport" content="width=device-width, initial-scale=1.0">

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]
}