所有工具
CSS Clamp 計算機
產生用於流體排版的 CSS clamp() 值。
設計純本機處理。你的輸入內容不會離開瀏覽器。
單位
快速的棕色狐狸跳過了懶惰的狗
調整瀏覽器視窗寬度，可以看到這段文字在最小與最大字級之間平滑縮放。
關於
產生用於流體排版（fluid typography）的 CSS clamp() 值：字級在小於「最小 Viewport」時維持「最小字級」，在兩個 Viewport 寬度之間線性縮放，大於「最大 Viewport」時維持「最大字級」。公式：斜率 = (最大字級 − 最小字級) / (最大 Viewport − 最小 Viewport)，vw 係數 = 斜率 × 100。這裡的 Viewport 寬度永遠指瀏覽器視窗，不是父層容器，所以只適合用在跟著整個頁面縮放的字級上。