2026年06月2日(火)

CSSのpow()関数が便利！ フォントサイズをレスポンシブ対応にするCSSの新しいテクニック

• 0
• 0
• 15
• 0

/*

   * Fluid Modular Type Scale

   *

   * A pure-CSS fluid typography system that smoothly scales font sizes

   * between a minimum and maximum viewport width using a modular scale.

   *

   * Based on the great work of those at Clearleft, modified for modern css (pow())

   * (https://utopia.fyi/blog/css-modular-scales/)

   *

   * Required custom properties (set on a parent or :root):

   *   --font-size-min    : base font size at small viewports (unitless px, e.g. 16)

   *   --font-size-max    : base font size at large viewp...