16 ピクセルから 24 ピクセルの流体フォント サイズ
2 つのビューポート幅にわたる最小サイズと最大サイズから実際の流体 CSS Clamp() 値を計算します。傾斜と交差点が段階的に表示され、ライブ サイズ変更プレビューが表示されます。
処理中...
0%
結果
フォント サイズを 16 ピクセルから 24 ピクセルまで流動的に拡大縮小することは、CSS Clamp() 検索で最も一般的な質問の 1 つです。16 ピクセルがほぼ普遍的な本文のデフォルトであり、少し大きな見出しやリード段落では 24 ピクセルが頻繁に使用されるためです。このページでは、320 ピクセルから 1280 ピクセルのビューポート範囲に対して正確にそのペアが事前に入力された計算機が開きます。そのため、clamp() 行は読み込まれた瞬間に準備が整います。
ビューポートベースのスケーリングを行わずに、16px または 24px に相当する静的な rem または em のみが必要な場合、px から rem へのコンバーターが 1 ステップでそれに答えます。この計算機は、ブラウザ ウィンドウのサイズ変更に応じて値自体が 1 rem 値に固定されるのではなく滑らかに変化する必要がある場合に使用します。
以下の内訳は、16 ピクセルと 24 ピクセルがどのように傾き、vw 係数、y 軸の交点に変化するかを正確に示しています。ライブ プレビュー スライダーを使用すると、CSS 行をスタイルシートにコピーする前に、320 ～ 1280 ピクセルの範囲でドラッグして、テキストがあるサイズから別のサイズに拡大する様子をリアルタイムで確認できます。