vue rem移动端自适配-引入flexible
2018-01-29 11:46
393 查看
1. 安装lib-flexible
npm i lib-flexible --save
2. 在项目入口文件main.js里引入lib-flexible
import 'lib-flexible/flexible.js'
3. 通过vscode插件cssrem
配置vscode,文件 -> 首选项 -> 设置,在用户设置里添加如下配置// 基础的font-size, 如果设计图是750标准的,设置成75 "cssrem.rootFontSize": 75, // px转rem小数点最大长度 "cssrem.fixedDigits": 2, // 自动移除0开头的前缀,默认:true "cssrem.autoRemovePrefixZero": true
4. 写css样式的时候px会自动转换为rem
相关文章推荐
- 从flexible.js引入高德地图谈起的移动端适配
- vuejs第二篇 vue-cli配置移动端自适配(引入flexible)
- webapp移动端适配方案之“手淘框架flexible”
- H5移动端适配 Flexible方案
- 移动端适配方案 flexible.js
- Flexible实现H5移动端适配小demo
- H5移动端适配(flexible.js)
- lib-flexible移动端适配方案
- H5移动端适配 Flexible方案
- flexible.js移动端的适配
- 移动端flexible布局适配
- 使用flexible适配移动端h5页面
- 教你如何用 lib-flexible 实现移动端H5页面适配
- vue项目中使用lib-flexible解决移动端适配的问题解决
- flexible.js移动端适配安卓高分辨不兼容问题
- 移动端不同分辨率适配--使用flexible
- 手淘的移动端适配方案flexible
- 移动端适配的方案----flexible
- 使用Flexible适配移动端html页面 - demo记录