vue字体自适应

1:在项目中安装flexiblenpm i lib-flexible --save-dev2:项目入口文件main.js中引入lib-flexible:import 'lib-flexible'3:找到node_modules\lib-flexible\flexible.js文件修改里面的数值修改第1处是设置屏幕宽度大于多少时字体变为最大倍数也就是第2处的数值，第3处数字越大变化越...

优雅的颓丧

5186人浏览 · 2020-03-04 18:19:23

优雅的颓丧 · 2020-03-04 18:19:23 发布

最新编辑2021.09.14（以下部分内容有误，请勿参考）

分割线————————————————————

1:在项目中安装flexible

npm i lib-flexible --save-dev

2:项目入口文件main.js中引入lib-flexible:

import 'lib-flexible'

3:找到node_modules\lib-flexible\flexible.js文件修改里面的数值

在这里插入图片描述
修改第1处是设置屏幕宽度大于多少时字体变为最大倍数也就是第2处的数值，第3处数字越大变化越大，需要根据自己的情况而定。

4:字体单位为rem(不要用px)

在这里插入图片描述

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}$/, //不连续的两位字母// /^