HesapHanem

CSS clamp() ジェネレーター

2つのビューポート幅の間でフォントサイズをなめらかに変える流動的なclamp()値を作成します。

使い方

  1. 上のフィールドに値を入力します。
  2. 「計算」を押すと結果がすぐに表示されます。
  3. 「共有」ボタンで結果へのリンクをコピーできます。

この計算ツールについて

このツールは、流動的なタイポグラフィのためのレスポンシブなCSSのclamp()関数——clamp(min, preferred, max)——を生成します。preferredの値は、フォントサイズを最小と最大のビューポート幅の間で滑らかに拡大縮小させるよう計算されたvwベースの式で、選んだ上限・下限を超えて伸び縮みしなくなります。

フロントエンドデベロッパーは、見出しや本文のテキストサイズを変えるためだけに複数のメディアクエリのブレークポイントを書く必要を避け、1つのCSSルールで流動的に拡大縮小させるためにこれを用います。最小・最大のフォントサイズとビューポートの範囲を入力すると、そのまま貼り付けられるclamp()ルールが得られます。

このページは役に立ちましたか？

リアクションは最大3つまで選べます。

コメント

  • 最初のコメントを投稿しましょう。

人気の計算機

ローン計算機

月々の支払い、総利息、および完全な返済スケジュール。

パーセント計算機

パーセント変化、ある値の何パーセント、比率計算。

割引計算機

最終価格、節約額、割引額を計算。

BMI 計算機

身長と体重から体格指数 (BMI) を計算（メートル法またはヤード・ポンド法）。

年齢計算機

生年月日から年・月・日単位で正確な年齢を計算します。

複利計算機

複利による最終金額と獲得利息を計算します。

すべての計算ツール