flexible 移动端适配

前提是你 提交于 2020-01-16 02:33:43

一、安装lib-flexible

一、安装lib-flexible

二、在项目入口文件main.js中引入lib-flexible

 

import 'lib-flexible'

三、在项目根目录的index.html 头部加入手机端适配的meta的代码

 

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

 

四、安装px2rem-loader

 

npm install px2rem-loader

 

五、配置px2rem-loader

  在项目目录build/untils.js中找到cssLoaders

 

六、重启项目

单位px在浏览器中变成rem,不变化成rem:单位后面加上/*px*/,不变化像素大小:加上/*no*/

易学教程内所有资源均来自网络或用户发布的内容,如有违反法律规定的内容欢迎反馈
该文章没有解决你所遇到的问题?点击提问,说说你的问题,让更多的人一起探讨吧!