flexible.js介绍欢迎!我白天是个邮递员,晚上就是个有抱负的演员。这是我的网站。我住在天朝的帝都,有条叫做Jack的狗。
flexible.js是一款可伸缩布局方案,可以使网站内容适应屏幕大小的插件,主要功能就是自动将px转rem及rem单位,适配移动端。
下载地址:https://github.com/amfe/lib-flexible
使用方法直接引用,自动识别屏幕大小,自动动态变化font-size大小。
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, minimum-scale=1, user-scalable=no"><script src="./node_modules/amfe-flexible/index.js"></script>
默认分为 10等份 ,即 @baseFont 大小为 750/10 = 75px;,例如要转化为1rem=80px;将index.js中的10改为24,因为1920/24=80。

