エムとレム: 違いは何ですか?-CSSチュートリアル-php.cn

ホームページ

ウェブフロントエンド

CSSチュートリアル

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

Sep 19, 2024 pm 12:15 PM

Em and Rem: What

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

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

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

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

開発者の見解

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

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

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

このウェブサイトの声明

この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。