【文字サイズ】Modern Fluid Typography Editor – 便利なCSS【レスポンシブ】

文字サイズをレスポンシブに ～ Modern Fluid Typography Editor

font-size の最小値と最大値、そしてその間の値を流動的にする「clamp()」を使用する方法。

最小値は1rem、推奨値は3vw + 1rem、最大値は3rem

p{
  font-size: clamp(1rem, 3vw + 1rem, 3rem);
}