CSSの単位「em」と「rem」は、いつ使うの？

Question

CSSの単位である「em」と「rem」について質問です。
この単位は例えばどういった場面で使われるのが一般的なのでしょうか？
レスポンシブサイトを作成する際など、スマホやタブレットをコーディングするときに必要なのでしょうか？

Answer 1

レスポンシブサイトを作成する際など、スマホやタブレットをコーディングするときに必要なのでしょうか？

いいえ。要件に合わせて使われます。
ちゃんと使い分けてる？CSSのpx, em, rem, %, vw単位の違い

既存のフレームワークコードを読んでみれば見えてくることもあるのではないでしょうか。
※ただ、フレームワークの設計思想に沿って作られているので「確実にこういうときはこう」という絶対的な基準になるわけではなく、結局基準は作る人が決めることになります。
Bootstrap5 beta1
Materialize v1.0.0
Foundation 6.6.3

例えばfont-sizeであっても場面によって使う単位が違います。
「なぜそうしているか」は設計思想によるものなので、作った人しか分かりません。
想像して、または自身で色々試してみて身にするしかないですね（設計者に質問するのも良い勉強になります）

もちろん、CSSフレームワークを利用する場合であっても、自身が作ろうとしているアプリケーションの方針に合わないものであれば、自身で組んだコードで上書きすることもあります。