移动端如何适配不同的手机

rem，px互相转换的一个线上工具：http://mxd.tencent.com/wp-content/uploads/2014/11/rem.html

1. 安装 lib-flexible

　　$ npm install lib-flexible --save

2. 在vue项目中的main.js中引入

　　import ‘lib-flexible’

3. 在项目中的index.html中加入下面这段代码：

　　<meta name="viewport" content="width=device-width, initial-scale=1.0">

4. 安装 px2rem-loader

　　npm i px2rem-loader --save-dev

5. 配置 px2rem-loade

 

6. 以上步骤完成后我们就可以直接在页面中写px ，页面可以自动渲染成rem了

 原文地址：  http://hjingren.cn/2017/06/16/%E5%9F%BA%E4%BA%8Evue-cli%E9%85%8D%E7%BD%AE%E7%A7%BB%E5%8A%A8%E7%AB%AF%E8%87%AA%E9%80%82%E5%BA%94/

转载于:https://www.cnblogs.com/fewhj/p/9274971.html