Flexible.js自适应布局插件
适配屏幕的自适应插件flexible.js，用来页面响应式布局蛮方便的。它的原理简单：通过设定根元素的字体大小，计算出页面元素的大小，使用rem作为单位。这么做的好处是，不管设备屏幕多大，都能保证元素相对大小一致。插件内置了一个公式：结果 = 测量数据 / 75，你就可以直接写1.3333rem，插件帮你算好基准值。比如，设置浏览器html的基准值为64px，那么1rem = 64px，页面自适应就更灵活了。flexible.js默认会把 1rem 设置为 75px，适配大屏幕时，超过 750px 的设备会按 750px 的设计稿来显示，这样就避免了页面超出设计范围。
插件轻量，基本配置好后，页面就能在各种设备上自适应显示，调试和维护起来也不麻烦。如果你在做响应式布局，想避免手动计算不同分辨率下的元素尺寸，使用flexible.js真的还挺方便的。嗯，记得根据项目需求调整根元素的font-size，确保适配效果。
文件大小：1.68KB
评论区