fluid typography calculator

流體版式計算器？

指示

如何使用此計算器

• 在px或rem中輸入最小字體大小。您的基本字體將始終保持在這些限制之內

• 在px或rem中輸入最小視口寬度。

• 如果視口小於或等於最小寬度，反之亦然。在這些限制之間，字體尺寸將按照客戶端的視口寬度成比例

• 結果面板顯示了您可以將其複製到CSS的生成公式

對流體排版感到困惑？

閱讀我的帖子“流體排版”，其中解釋了該計算器的詳細工作方式

學分？

該計算器的靈感來自克里斯托弗·柯克·尼爾森（Christopher Kirk-Nielsen）的帖子，“現代流體版式與夾具（）”

有關與Clamp功能相匹配的另一種後備策略，請參閱Daniel Yuschick的“使用CSS Clamp（）的流體排版（）是我最喜歡的事物”