1，安装 flexible和 postcss-px2rem（命令行安装） 简要介绍这两个包的用途： flexible会为页面根据屏幕自动添加<meta name='viewport' >标签，动态控制initial-scale，maximum-scale ...

1.下载lib-flexible 使用的是vue-cli+webpack，通过npm来安装的 npm i lib-flexible --save 1 2.引入lib-flexible 在main.js中引入lib-flexible import 'lib-flexible ...

公司最近做的一个移动端项目从搭框架到前端开发由我独立完成，以前做移动端适配用的媒体查询，这次想用点别的适配方案，然后就采用了vue-cli3.0结合lib-flexible、px2rem实现移动端适配的方案，开发过程中也遇到一些坑，自己选的方案自己填坑吧。以下记录我的项目框架搭建及填坑方案 ...

如果不引入插件的话：ui稿的px转化成rem需自己计算 根据设计稿我们需要自己计算元素的rem（假如我们将html根元素font-size设置为41.4px）； 那么1rem=41.4px; ui稿上的375px = 375/41.4rem=9rem; 这样每个元素进行计算是不是得疯，vant ...

公司最近做的一个移动端项目从搭框架到前端开发由我独立完成，以前做移动端适配用的媒体查询，这次想用点别的适配方案，然后就采用了vue-cli3.0结合lib-flexible、px2rem实现移动端适配的方案，开发过程中也遇到一些坑，自己选的方案自己填坑吧。以下记录我的项目框架搭建及填坑方案 ...

一、下载lib-flexible npm install lib-flexible --save 二、引入lib-flexible 　　在main.js中引入 import 'lib-flexible/flexible' 三、设置meta标签 　　设置设备宽度 ...

1.安装lib-flexible、postcss-px2rem yarn add lib-flexible postcss-px2rem-exclude --save 2.index.js文件引入 import 'lib-flexible ...

安装vue-cli3 　　 npm install -g @vue/cli 创建项目 vue-cli-test 　　 　　 脚手架-项目-成功-运行项目 　　 　　 基于vue-cli配置移动 ...