采用lib-flexible实现移动端适配之vue-cli的配置

关于lib-flexible不做过多解释。

在vue中想要实现移动端的适配问题，可以这样来操作

第一种

直接 在index.html中引入

使用stylus。sass等其它css预处理器实现rem和px的转换

在引用到具体页面

实现了以375px为基准的效果

 

 

第二种可以不用引用。直接使用npm安装

• px2rem 用法

安装px2rem后，再使用px上有些不同，大家可以参考px2rem官方介绍，下面简单介绍一下。

直接写px，编译后会直接转化成rem ---- 除开下面两种情况，其他长度用这个
在px后面添加/*no*/，不会转化px，会原样输出。 --- 一般border需用这个
在px后面添加/*px*/,会根据dpr的不同，生成三套代码。---- 一般字体需用这个