clamp() 関数 デモ

ブラウザの画面幅(ウィンドウサイズ)を広げたり縮めたりしてみてください!

従来の方法

メディアクエリで指定したテキストです。
特定の画面幅でカクッとサイズが変わります。


clamp()を使用

clamp()で指定したテキストです!
画面幅に合わせて滑らかに伸縮し、
最小16px〜最大32pxの間で自動調整されます。