px ↔ rem 変換&clamp()ジェネレーター
remの基準(html要素のfont-size)を変えて即変換。レスポンシブな文字サイズのclamp()式も自動生成します。
px ↔ rem
⇄
clamp() ジェネレーター
画面幅に応じて滑らかにサイズが変わる式を作ります。
プレビュー: サンプル Aa あア 123
補足
・remを使うとユーザーのブラウザ設定(文字サイズ変更)に追従でき、アクセシビリティが向上します。
・clamp(最小, 可変, 最大) の可変部は
・メディアクエリのブレークポイントを減らせるのがclamp()の利点です。
・clamp(最小, 可変, 最大) の可変部は
y = ax + b の一次式。本ツールはvw係数とrem切片を自動計算します。・メディアクエリのブレークポイントを減らせるのがclamp()の利点です。