Flexible.js移动端自适应布局库
移动端自适应布局的老朋友flexible.js，用起来还挺顺手的。尤其是做响应式布局时，配合 REM 单位，页面能比较自然地适配各种屏幕宽度，响应也快，代码也简单，适合懒人搞定初始布局。
老早之前就火过的flexible.js，现在虽然没那么火了，但在一些老项目里还挺常用。如果你在做 H5 页面、微页面或者 Hybrid 项目，还是能派上用场。用法不复杂，就是在 head 里引个脚本，初始化一下，页面字体大小和布局就都按屏宽自动调。
比如配合 html { font-size: 100px; }，设计图是 750px 的话，1rem 就等于 100px，这样你要做个 300px 宽的按钮，只写 width: 3rem 就行了，尺寸跟着屏幕走，挺省心的。
另外，它和一些滑动类的插件（比如 Swiper）也能配合得不错，用来做首页轮播、横滑菜单都挺方便的，尤其适合移动端导航一页页滑动那种。
如果你正好需要一个能快速适配移动端的布局方案，或者想偷个懒快速上手，可以点这里下载 flexible.js，资源也还蛮全的。
对了，布局适配完记得用 Chrome 的 DevTools 模拟多种屏幕测一下，有些机型 font scaling 会略有差异，手动微调下更保险～
文件大小：3.76KB
评论区