CSS
clamp()
読み方：クランプ
最小値・推奨値・最大値を指定して、レスポンシブなサイズを設定する関数。
やさしい説明
clamp()は、最小値・推奨値・最大値を指定して、レスポンシブなサイズを設定する関数です。
メディアクエリなしで、画面幅に応じてフォントサイズや余白を自動調整できます。
具体例・使い方
font-size: clamp(1rem, 2.5vw, 2rem) → 最小1rem、最大2rem
width: clamp(300px, 50%, 800px) → 幅を範囲内に制限
関連用語
📖 関連レッスン
レッスンを見る →