vue rem移动端自适配-引入flexible

1. 安装lib-flexiblenpm i lib-flexible --save2. 在项目入口文件main.js里引入lib-flexibleimport 'lib-flexible/flexible.js'3. 通过vscode插件cssrem配置vscode，文件 -> 首选项 -> 设置，在用户设置里添加如下配置// 基础的font-

小乔FEer

2804人浏览 · 2018-01-29 11:46:56

小乔FEer · 2018-01-29 11:46:56 发布

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

Vue

前往低代码交流专区

更多推荐

vue 表单验证

1、6位小写字母和数字必须包含两个字母rules: [{ required: true, message: "XXX不能为空", trigger: "blur" },{ max: 6, message: "最大长度为6位字符", trigger: "blur" },{pattern: /^(?=(?:[^a-z]*[a-z]){2})[a-z0-9]{6,6}$/, //不连续的两位字母// /^