Flex-text插件使得您的字体大小可以根据块的大小动态调整。使用方式如下:

new FlexText(document.querySelector('.your-text-block'), { // params });

插件的主要参数包括:

  • resize: [布尔值, 默认值: false] — 是否在窗口调整大小时更新字体大小。

  • min: [浮动, 默认值: 5] — 插件支持的最小字体大小。

  • max: [浮动, 默认值: 999] — 插件支持的最大字体大小。

  • live: [整数/布尔值, 默认值: false] — 是否实时更新字体大小,可以设置更新间隔,如 live: 100

  • step: [浮动, 默认值: 0.1] — 插件的调整步长,建议不要更改。

回调函数:onOverflow — 当字体溢出时触发。