之前写过一篇关于移动端屏幕适配:移动端屏幕适配的解决,今天来聊一聊基于vue-cli配置的移动端屏幕适配问题。
配方还是一样:手淘的 lib-flexible + rem
配置 flexible
安装 lib-flexible
在命令行中运行如下安装:
npm i lib-flexible --save
引入 lib-flexible
在项目入口文件 main.js 里 引入 lib-flexible
// main.js
import 'lib-flexible'
添加 meta 标签
在项目根目录的 index.html 中添加如下 meta
<meta name=viewport