レスポンシブデザインで多用するclamp関数のコードを簡単に生成できます。 Generate clamp() code for responsive design in a snap!
サイズ Size
ビューポート Viewport
単位 Units
補足コメント Supplement
プロパティ Property
設定したclamp関数によって、ビューポートの横幅(vw)に応じて文字サイズがどのように変化するかを確認できます。 You can check how the font size changes based on the viewport width (vw) according to the clamp function you set.
ブラウザの画面幅を変更するか、入力欄に検証したいビューポートの横幅を入力してください。 Try changing the browser's screen width or enter the viewport width you want to test in the input field.
現在の設定 Current setting
clamp(1rem, 1.389vw + 0.333rem, 2rem)
文字サイズ font size
12
Simulated Width: 800px