min() 用來計算多個數值中最小的那個，非常適合做自適應。

width: min(50vw, 500px)

50vw 表示 視口寬度的 50%
500px 表示 500px
min(50vw, 500px) 表示會取兩者中 最小的那個 作為最終的寬度，。

使用場景

1. 限制某個元素寬度不超過某個值； 響應式布局
   width: min(90%, 1200px)
   ?當屏幕寬度很大時，保持最大 1200px
   ? 當屏幕較小時，保持 90% 寬度

2. 字體大小自適應

font-size: min(8vw, 32px)
小屏幕時，按視口縮小
大屏幕時，最大為32px，避免過大

3. 結合其他函數使用

width: min( max(200px, 30%), 600px )
max()先保證 寬度最小不低于200px ，
min() 保證最大不超過600px

width: max(200px, 30%)
表示取 兩者中最大的那個，保證寬度不低于200px；

clamp(min, preferred, max) 是 min() 和 max() 的組合，可以更簡潔。

min(90%, 1200px) └── 取更小的值 ──> 保證不超過 1200pxmax(300px, 40%) └── 取更大的值 ──> 保證不小于 300pxclamp(16px, 4vw, 32px)└── 當屏幕變寬時字體逐漸變大，但最小 16px，最大 32px

See the Pen css: `min()/max()/clamp()` by liu874396180 ( @liu874396180) on CodePen.