ホームページ > ウェブフロントエンド > CSSチュートリアル > エムとレム: 違いは何ですか?

エムとレム: 違いは何ですか?

DDD
リリース: 2024-09-19 12:15:32
オリジナル
956 人が閲覧しました

Em and Rem: What

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


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

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

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


開発者の見解

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

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

A

以上がエムとレム: 違いは何ですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

ソース:dev.to
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート