标题:一款移动端页面自适应布局解决方案 出处:刘新修 时间:Mon, 08 Nov 2021 14:31:26 +0000 作者:刘新修 地址:http://liuxinxiu.com:80/flexlibs/ 内容: 安装命令: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为整屏的宽度~ Generated by Bo-blog 2.1.1 Release