通常来说,屏幕每行显示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许可发行。
天哪噜,刚刚好在搜索这种文字大小功能的代码,竟然搜到这里来了,浏阳河姐姐真是努力
乐乐早啊