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

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

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

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