Skip to content

用于配合 postcss-pxtorem 等模块实现自适应布局的页端模块

License

Notifications You must be signed in to change notification settings

x-dirve/flexible

Repository files navigation

页端设置基本字体大小模块

用于配合 postcss-pxtorem 等模块实现自适应布局的页端模块。

使用

  • 在项目已启用如 postcss-pxtorem 等模块的情况下,在项目入口文件中调用模块并执行
    import flexible from "@x-drive/flexible";
    flexible();
  • 如果在存在同个域名下有不同项目的情况,为了防止不同项目之间互相干扰,可以在初始化的时候传入特征字符串做为区分
    import flexible from "@x-drive/flexible";
    flexible("PROJECT_ONE"); // localStorage 中的储存 key 为: FLEXIBLE_UFJPSkVDVF9PTkU=_WINDOW_WIDTH
    模块默认会尝试将传入的字符串 base64 编码,如不希望被编码可将第二个参数设置为 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);

About

用于配合 postcss-pxtorem 等模块实现自适应布局的页端模块

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published