CSS clampジェネレーター

CSS clampジェネレーターの使い方

CSS clampジェネレーター. 出力はremとvwです。ページのルート文字サイズを設定してください。選択した画面幅を再現します。

1. 上の色・文字・数値を調整します。
2. 設定を変えながらプレビューを比較します。
3. 結果をコピーするか端末に保存します。

CSS clampジェネレーター · 例

{
  "min": 16,
  "max": 32,
  "start": 320,
  "end": 1280,
  "root": 16,
  "viewport": 800,
  "text": "LocalKit"
}

font-size: clamp(1rem, 0.66667rem + 1.66667vw, 2rem);

使用上の注意

ファイルと入力はこのブラウザー内で処理されます。アップロードやアカウントは不要です。

出力はremとvwです。ページのルート文字サイズを設定してください。選択した画面幅を再現します。