flexible.js介绍
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。