1Introduction
- description：移动端 rem 动态计算
- author：#云淡然
- create：未明确
- update：未明确
- github：
https://github.com/blearjs/blear.core.flexible
2Example
blear.core.flexible 不是一个 commonjs 规范的模块，需要使用 script 标签引入。
<head>
<!-- 需要先写 viewport -->
<meta name="viewport" content="width=device-width,user-scalable=no,maximum-scale=1.0,minimum-scale=1.0,minimal-ui">
<!-- 需要在 head 标签里将 flexible 内联引入 -->
<!-- 或者内嵌引入 -->
<script src="/node_modules/blear.core.flexible/src/index.js"></script>
</head>
3Static
引入 flexible 之后会在 window 上注入 flexible ，包含以下静态属性、方法。
3.1.value
参考值。计算公式是：width * 100 / desginWidth。
- 类型：
Number
3.2.onChange(callback): undefined
value 值变化之后回调。
- 类型：
Function
3.2.1callback
- 类型：
Function
3.3.px2rem(px): rem
根据 value 值将 px 转换为 rem。
3.3.1px
- 类型：
Number
3.3.2rem
- 类型：
Number
3.4.rem2px(rem): px
根据 value 值将 rem 转换为 px。
3.4.1rem
- 类型：
Number
3.4.2px
- 类型：
Number
4Dependencies
- 无依赖
5Reference
- 淘宝 flexible - 可伸缩布局方案：
github.com
- Rem精简版实现自适应：
caibaojian.com