Tool

CSS clamp Generator

2つの画面幅と値から、文字サイズや余白がなめらかに変化する clamp() を生成します。

1用途を選ぶ

2画面幅と値をセットで指定

狭い画面
広い画面
単位設定(通常は 16px のまま使えます)

rem の基準を指定して計算します。実際のページでルートのフォントサイズが異なると結果も変わります。値が減少する指定にも対応しています。clamp() の仕様

3画面幅を変えて確認

下のサンプルは選択中のプロパティと計算値を適用しています。

Fluidなめらかなサイズ

4CSS をコピー