Tool
CSS clamp Generator
2つの画面幅と値から、文字サイズや余白がなめらかに変化する clamp() を生成します。
1用途を選ぶ
2画面幅と値をセットで指定
単位設定(通常は 16px のまま使えます)
rem の基準を指定して計算します。実際のページでルートのフォントサイズが異なると結果も変わります。値が減少する指定にも対応しています。clamp() の仕様
3画面幅を変えて確認
下のサンプルは選択中のプロパティと計算値を適用しています。
Fluidなめらかなサイズ
4CSS をコピー