CSS clamp() の計算(レスポンシブな文字サイズ)
画面幅に応じて文字サイズなどを滑らかに変える CSS の clamp() を、最小・最大のサイズと画面幅から計算します。
- 登録不要・無料
- ブラウザ内で処理
- データ送信なし
clamp()(rem)
-
clamp()(px)
-
※ 文字サイズに使う場合、ユーザーがブラウザの文字サイズを変えても反映されるよう rem 版をおすすめします。
関連ツール
Web制作・SNS px ⇔ rem・em の換算 ルートの文字サイズ(16px)を基準に、px と rem・em・%・pt を相互に換算します。 単位換算 文字サイズの換算(pt・px・級) ポイント(pt)・ピクセル(px)・級(Q)・歯(H)・mm を相互に換算します。Web と印刷物の文字サイズ合わせに便利です。 Web制作・SNS box-shadow の作成 影のずれ・ぼかし・広がり・色・透明度を指定して、CSS の box-shadow を作成します。ふんわりした影のプリセット付き。 Web制作・SNS HTML の表(table タグ)の作成 Excel からコピーした表や CSV を、HTML の table タグに変換します。1行目を見出し(th)にできます。