fluid typography calculator

流体版式计算器？

指示

如何使用此计算器

• 在px或rem中输入最小字体大小。您的基本字体将始终保持在这些限制之内

• 在px或rem中输入最小视口宽度。

• 如果视口小于或等于最小宽度，反之亦然。在这些限制之间，字体尺寸将按照客户端的视口宽度成比例

• 结果面板显示了您可以将其复制到CSS的生成公式

对流体排版感到困惑？

阅读我的帖子“流体排版”，其中解释了该计算器的详细工作方式

学分？

该计算器的灵感来自克里斯托弗·柯克·尼尔森（Christopher Kirk-Nielsen）的帖子，“现代流体版式与夹具（）”

有关与Clamp功能相匹配的另一种后备策略，请参阅Daniel Yuschick的“使用CSS Clamp（）的流体排版（）是我最喜欢的事物”