CSS clamp 產生器：建立流動字級
給出小視口的尺寸和大視口的尺寸。獲得在它們之間平滑移動的 clamp()，因此它仍然尊重讀者的瀏覽器字型大小。
視口—
計算的大小—
敏捷的棕色狐狸
型別比例
為什麼是 rem 而不是 px
以 px 為單位的大小會忽略讀者在瀏覽器中所選擇的字型大小。 rem 中的相同宣告也隨之縮放，因此將預設值設為 20px 的人會得到更大的文字，而不是固定的 16 畫素。無論哪種方式，視口術語都保留在 vw 中 - 這部分與螢幕寬度有關，而不是讀者偏好。
常見問題解答
中期在做什麼？
這是一條穿過兩點的直線：截距加上 vw 的斜率。在小視窗下方，它夾緊到最小值，在大視口上方，它夾緊到最大值。
最大值可以小於最小值嗎？
是的，clamp() 仍然有效——但結果會隨著螢幕的增加而縮小，這幾乎不是你想要的。當發生這種情況時，頁面上會這麼說。
是否有任何內容傳送到您的伺服器？
否。它在您的瀏覽器中是算術；您輸入的任何內容都不會離開頁面。
由 GO AI 團隊建構。 所有免費工具