"CSS calc()"の検索結果1 - 1 件 / 1件

• あとで読む

  【CSS】calcとvwを併用して最大・最小フォントサイズを設定する方法【IE11対応】 | WebDev Tech

  • 3 users
  • web-dev.tech
  • テクノロジー
  • 2022/01/26

  レスポンシブ対応をする中で、文字サイズの最大値・最小値を設定できたらいいなと思ったことはありませんか？ 横幅の最大値や最小値を指定できるmax-width min-widthのように、max-font-sizeやmin-font-sizeがあればすごく便利ですよね。 残念ながらそういったプロパティは現状ありませんが、CSSのcalcとvwという単位を使えば、最大・最小フォントサイズを設定することができます！ 今回の記事では、このcalcとvwの合わせ技の使い方を紹介しようと思います。 IE11を含め主要ブラウザ全てでサポートされていますので、安心してお使いいただけます。