Loading…
依據最小/最大尺寸與視口寬度產生用於流式排版的 clamp()。
font-size: clamp(1rem, 0.8333rem + 0.8333vw, 1.5rem);
視口寬度小於最小值時取最小尺寸,大於最大值時取最大尺寸,兩者之間平滑變化。可將產生的值直接用於 font-size 等屬性。
clamp(最小值, 首選值, 最大值) 接受三個值,會隨視窗寬度伸縮取值,同時將其限制在最小值與最大值的範圍內。它常用於實現流式排版(可平滑伸縮的字級)。
輸入最小與最大字級以及目標視窗寬度,工具會產生可用於 font-size 等屬性的 clamp() 程式碼。把輸出的程式碼直接貼到 CSS 中即可。
clamp() 在現代瀏覽器中獲得廣泛支援,因此你可以在目前的主流瀏覽器中放心使用。