clamp()
3つの引数を取る
clamp(最小値,推奨値,最大値)
max(<min>, min(<val>, <max>))
と同等
普通は、%とかvwみたいな相対的な単位と一緒に使う
そもそも変化しないので「最小」とか「最大」とか言う意味がなくなる
#??
この辺の関数使ったら
max-height
みたいなpropertyの存在意義っってなくなる?
CSSのclamp便利すぎる。
レスポンシブ考えるサービスだと必須では。
ref
https://developer.mozilla.org/ja/docs/Web/CSS/clamp
https://coliss.com/articles/build-websites/operation/css/css-about-min-max-clamp.html
https://coliss.com/articles/build-websites/operation/css/css-clamp-calculator.html