用于配合 postcss-pxtorem
等模块实现自适应布局的页端模块。
- 在项目已启用如
postcss-pxtorem
等模块的情况下,在项目入口文件中调用模块并执行import flexible from "@x-drive/flexible"; flexible();
- 如果在存在同个域名下有不同项目的情况,为了防止不同项目之间互相干扰,可以在初始化的时候传入特征字符串做为区分
模块默认会尝试将传入的字符串 base64 编码,如不希望被编码可将第二个参数设置为
import flexible from "@x-drive/flexible"; flexible("PROJECT_ONE"); // localStorage 中的储存 key 为: FLEXIBLE_UFJPSkVDVF9PTkU=_WINDOW_WIDTH
true
import flexible from "@x-drive/flexible"; flexible("PROJECT_ONE", true); // localStorage 中的储存 key 为:FLEXIBLE_PROJECT_ONE_WINDOW_WIDTH
- 设置默认字体大小
flexible
提供了第三个参数用于设置默认的字体大小(默认为 12)// 第二个参数按照实际需求设置即可 flexible("PROJECT_ONE", true, 14);