Toolipedia
JA
← すべてのテキストツール

CSS clampジェネレーター

画面に合わせて変化する可変フォントサイズ：clamp()の式を取得します。

  • 無料
  • 登録不要
  • どの端末でも使える

約CSS clampジェネレーター

フルイドタイポグラフィは、ビューポートが広がるにつれて、最小値と最大値の間でフォントサイズをなめらかに変化させます。2つのサイズと2つの画面幅を入力すると、clamp(最小, 推奨, 最大)の式が得られ、推奨値はremとvwの単位を混ぜたものになります。多くのメディアクエリを1行に置き換えられます。

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

  1. 上でオプションを設定します。結果はリアルタイムで更新されます。
  2. 納得がいくまで自由に調整します。
  3. 結果をコピーするか、ダウンロードします。

このツールを使う理由

別名

よくある質問

フォントサイズにメディアクエリではなくclampを使うのはなぜですか?

1行のclampで、上限と下限の間を連続的に拡大縮小できるため、ブレークポイントでテキストのサイズが急に変わることがありません。remを含めると、ユーザーのフォント設定にも対応できます。

CSS clampジェネレーターは無料ですか？

はい。ToolipediaのCSS clampジェネレーターは無料で、登録不要、透かしもありません。

安全に使えますか？

はい。すべての計算はブラウザ内で行われ、入力した内容が当社サーバーに送信されることはありません。

スマートフォンでも使えますか？

はい。AndroidやiPhoneの最新ブラウザのほか、タブレットやパソコンでも使えます。インストールは不要です。

アカウントは必要ですか？

いいえ。ページを開いてツールを使うだけです。登録もメールアドレスも不要です。

関連ツール