通常来说,屏幕每行显示45-75个单词是最理想的排版。然而在如今屏幕尺寸众多的情况下,想要在所有设备上均保持这一理想排版,则显得非常困难。幸好FlowType.JS帮我们实现了这一“响应式文字尺寸”的目标。

如何使用

FlowType.JS的基本设置非常简单,如果希望网页整体都是弹性的文字,那么只需要对body使用FlowType.JS即可:

$('body').flowtype({
 minimum : 500,
 maximum : 1200
});

其中500和1200是FlowType.JS作用的两个阈值,只有在这个值域之内FlowType.JS才会工作。

当然啦,FlowType.JS还有一大堆其它的设置和用法,大家去它的主页看看吧。

许可证

FlowType.JS使用MIT许可发行。

About liuyanghejerry

富有激情的前端工程师,专注GUI开发。

2 Thoughts on “FlowType.JS – 帮你调节文字大小的利器

  1. 天哪噜,刚刚好在搜索这种文字大小功能的代码,竟然搜到这里来了,浏阳河姐姐真是努力

Post Navigation