flexible.js可伸缩布局方案使用方法,自动px转rem及rem移动端适配
我的站长站
2023-09-18
共人阅读
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。
