【CSS】レスポンシブなfont-size指定テクニック4選 - Qiita

はじめに レスポンシブサイト構築の際に、何かと悩む（ちょっと煩わしい）のがfont-sizeの指定方法なのではないでしょうか？ 今回はそんな煩わしさがすこしでも減るように、レスポンシブデザインのためのfont-size指定方法テクをご紹介します☺︎ 目次 1. 単位のおさらい 2. テクニックたち（④が最もおすすめ！サクッと読みたい方は③（④の序章みたいな感じです）からどうぞ！） ① おすすめ度★★ px/rem × メディアクエリ ② おすすめ度★ vw ③ おすすめ度★★ calc × rem × vw ④ おすすめ度★★★ calc × rem × vw × clamp 単位のおさらい テクニックをご紹介する前に、押さえておきたい単位をまとめてみました。 単位

[mztns]

62.5%はサードパーティに影響ある場合があるので使ってない

[gyampy]

画面幅に応じて自動で拡大縮小された方がいい。ブレイクポイントごとに設定するのは面倒

[yarumato]

“各単位の特徴をまとめた。　今回ご紹介するテクニックでは、特に"rem"と"vw"が活躍する”

[lifeisadog]

「④ calc × rem × vw × clamp」を使ってる。でも「62.5%」ってのがそもそも気持ち悪いよね

[wsmfp327]

もう他の人が書いたcssを触れない感がある