概要: rem と em は両方とも CSS のサイズの単位です。 Rem は、root 要素のフォント サイズです。 Em はローカル コンテキストのフォント サイズです。

em ユニットは印刷タイポグラフィの世界から借用したもので、要素のフォント サイズをコンポーネント階層内で最も近い宣言されたフォント サイズに相対して設定できるようにする単位です。

rem ユニット (ルート em の略) は、ルート要素である 要素のフォント サイズの値を常に参照します。 要素に指定されたフォント サイズがない場合は、ブラウザのデフォルトの 16 ピクセルが使用されます。

これらの単位は両方とも、マージンや行の高さなど、任意のサイズの属性に使用できます。そうであれば、rem は一貫した定義を維持します。一方、Em は要素自体の font-size.

開発者の見解

私が書いたコードでは em をより多く使用したことを認めますが、これを学んだ後では、rem の方が em よりも直感的で信頼できることがわかりました。ローカライズされたコンテキストでのサイズ設定を特に考慮したくない場合を除き、今回からは rem を使用します。

もしあなたが HTML 開発者で、世界を救うという使命に参加したいと考えているなら、私たちがまさにそれを行っている Salvation Company のスタッフに加わりませんか!テクノロジーの開発は私たちが取り組んでいることを行う上で確実な要素であり、初心者も上級スタッフのアーキテクト エンジニアも同様に活躍する余地があります。 (そしてプロダクトマネージャー、デザイナー、技術者、学生、アドバイザー、数学者、そして...) 部屋は開いています。敬意を持たなければなりません。それはとにかく救いですか？また会いましょう!

A