UPDATE：2024.7.5
- CATEGORY
clamp()関数を簡単に！ 「Min-Max-Value Interpolation」の紹介
clamp()関数とは
clamp()関数は画面幅に合わせてフォントサイズ等の最小値・最大値を変化させてくれる関数です。今回はこの計算式を簡単に作ってくれるジェネレータの紹介です。
Min-Max-Value Interpolation
わかりやすいUIなので説明が必要ないかもしれませんが、使い方を説明しますね。
VALUESのMINにフォントの最小値、MAXに最大値を入力します。VIEWPORTにはブラウザ幅の最小値と最大値を入力します。
あとは表示されている計算式をコピーして使用すればOK！
「Live font-size example」で実際にフォントサイズを確認することもできます。
font-size: clamp(最小値, 推奨値, 最大値);