流体フォント サイズ Clamp() ジェネレーター
2 つのビューポート幅にわたる最小サイズと最大サイズから実際の流体 CSS Clamp() 値を計算します。傾斜と交差点が段階的に表示され、ライブ サイズ変更プレビューが表示されます。
処理中...
0%
結果
このページでは、汎用の流動的なフォント サイズ設定がすでに入力された計算機が開きます: 320 ピクセルのビューポートで 16 ピクセル、1280 ピクセルのビューポートで最大 24 ピクセル。これは、一般的な電話画面から一般的なデスクトップ ウィンドウまでスムーズにスケーリングできる、本体からわずかに大きな範囲までの快適な範囲であり、最初に流動的なフォント サイズの Clamp() を検索するときにほとんどの人が意図する設定です。
4 つの数字は変更の余地があります。本文ではなく見出しの最大サイズを大きくするか、デザインをタブレットとデスクトップのブレークポイントの間でのみ変更する必要がある場合はビューポートの範囲を狭めます。何を入力しても、傾きと Y 軸の交点は同じ方法で再計算され、最終行の内側に隠れることなく、明示的な算術演算として表示されます。
4 つの入力の下では、ビューポート幅のスライダーによってライブ プレビューが駆動されるため、スケーリングがすぐに表示され、コピー準備完了の Clamp() 行が 1 クリックで表示されます。出力単位を rem と px の間で切り替えると、サイズの最小値と最大値自体には影響せずに、すべての数値が再計算されます。