安装命令:npm install flexlibs -D
===============
以Vue3.0 为例,在mian.js中引入:
JavaScript代码
- // 设自适应插件库
- import 'flexible'
刷新页面后,根据用户移动端设备,自动动态计算网页需要适配基数
以Iphone6/7/8 【宽度375】的移动终端,以这个类型终端在我们经历过的项目中,为最低适配终端,设计稿就以此为基础w*2 (375*2) = 750px ,实际基数如果为1就是100%(375rem)目前基数为100 错2位小数即刻,3.75rem为整屏的宽度~