CSS clamp生成
最小・最大サイズと画面幅から、レスポンシブなfont-size用clamp式を計算します。
画面幅に合わせて滑らかに変化します
PitaTools
特徴
- 4つの基準値から自動計算
- リアルタイム文字プレビュー
- CSSをワンクリックコピー
Steps
使い方
- 最小・最大サイズを入力します。
- 基準画面幅を入力します。
- CSSをコピーします。
PitaTools
活用例
- レスポンシブ見出し
- 余白の流体設計
- デザイントークン作成
Example
入力例・結果例
- 入力例
- 加工したい画像、色、サイズなどの設定
- 結果例
- 4つの基準値から自動計算
ファイルや複数項目を使うツールでは、安全のためサンプルを自動選択せず利用イメージのみ表示します。
Privacy
プライバシーとデータ処理
公開中の101ツールはすべてブラウザ完結です。入力した文章、URL、画像、PDF、ファイル、パスワードをPitaToolsのサーバーへ送信せず、端末内で処理します。
FAQ
よくある質問
font-size以外にも使えますか？
生成値は余白や幅にも使えます。コピー後にCSSプロパティを変更してください。
Explore · 画像・デザイン
関連ツール
同じカテゴリのツールを続けて利用できます。
Feedback
不具合報告・改善要望
「CSS clamp生成」についてお気づきの点を運営者へお知らせください。