CSSの数学関数min()、max()、clamp()の基本的な使い方

IEをサポートから外すと、CSSの便利な新しいプロパティが使用できます。その中の1つ、いや3つがmin(), max(), clamp()です。 数学関数といえばcalc()が便利ですが、さらに便利なのがこの3つです。要素の幅指定、padding値の管理、font-sizeの定義など、レスポンシブ対応で大活躍します。min(), max(), clamp()の基本的な使い方を紹介します。 min(), max(), and clamp(): three logical CSS functions to use today by Una Kravets CSSの関数のさらにいろいろな使い方は、下記をご覧ください。 CSSの比較関数 min(), max(), clamp()の使い方を詳しく解説 CSSのcalc()関数を使うとスゴイ便利！ページのレイアウト、要素やフォントのサイズ指定など実装

[coliss]

min(), max(), clamp()の基本的な使い方。要素の幅指定、padding値の管理、font-sizeの定義など、レスポンシブ対応で便利。

[mayumayu_nimolove]

scssで自分流に作り替えて引き継ぎ時困るやつ

[Futaro99]

はやくjavascriptがかけるようにならないかなー

[kijtra]

下手に使いまくるとメディアクエリと混ざってスパゲティになりそうだから、しっかり仕様を定義する必要がありそう。

[jantyran7]

あーこれは便利。しらなかった

[otchy210]

clamp(1.5rem, 5vw, 3rem); いいな、特にここに vw を使うのがいい。

[klim0824]

clamp()はSafari13.1からのサポートなので、実案件で使うのはまだ微妙に時期尚早な気がしている（案件の想定ブラウザシェアによるけれど

[Falky]

clamp知らんかった

[mohritaroh]

おもしろい

[roppara]

メモ