Tool / 29

CSS Clamp 流體排版計算器

← 回工具箱

輸入最小／最大螢幕寬度與對應字級，自動產出 clamp() 語法，讓排版在不同裝置上流暢縮放，省去手動設定斷點。

快速預設 · presets
螢幕寬度範圍 · viewport
→
字級範圍 · font size
→
根字級 · root font size 16px
計算摘要 · breakdown
slope —
intercept —
Curve clamp 縮放曲線（平坦 → 線性上升 → 平坦）
Preview 目前視窗 —px → 字級 —px

設計讓複雜變簡單 · Typography scales with viewport

CSS
—

SCSS
—