CSS 學習筆記 - clamp() 為 HTML 元素設定大小範圍值

格式:clamp(MIN, VAL, MAX)
相當於:max(MIN, min(VAL, MAX))

這幾天在前端社群上看到有人討論字型的大小調整,看到有人介紹到這個 CSS 函數。發現真的很方便,可以提供一小部分來代替 media query 的功能呢。在 Mozilla 的介紹這邊有個 Demo 的小區塊。 例如這個範例:clamp(1.8rem, 2.5vw, 2.8rem),當發現 2.5vw 算起來小於或大於設定值時,就會以上下限的值來使用。

只有 IE 不支援此 CSS,沒關係 IE 就給它去吧