vue-cli3 + lib-flexible 实现响应式布局 +分辨率宽高缩放锁定布局
1、使用安装 lib-flexible,实现浏览器分辨率网页适配。lib-flexible,根据设备dpr和宽度,利用viewport和html根元素的font-size配合rem来适配不同尺寸,npm安装:npm install lib-flexible2、在src目录下增加一个utils目录,新建一个js文件,名称rem.js,目的是省略rem的计算,加快开发速度。复制以下内容:// 基准大小const baseSize = 32// 设置 rem 函数function setRem (
原创
2021-03-18 17:34:17 ·
2121 阅读 ·
7 评论