正確にCSSでrem単位を使用する必要がありますか？

私はインターネットから得た情報から、rem単位がフォントサイズを指定するために使われていることは明らかです。 font-size以外の場所では、このユニットを使用することができ、ブラウザのサポートは何ですか？高さにremを使用してもよろしいですか？正確にCSSでrem単位を使用する必要がありますか？

出典

2017-06-12 Deepanshu Batra

確かに大丈夫ですが、なぜでしょうか？それは適切な質問です。フォントサイズが文書全体の一貫性がしばしば望ましいものの1つであるため、remがフォントサイズに使用される理由があります。あなたのレイアウトが一定の幅と高さに一貫性を必要とする場合は、どちらにもremを使うことを止めるものはありません。あなたはその推論について考える必要があります。 – BoltClock

他のユニットを使用するあらゆる場所で使用できます。それは「em」と同じですが、根に従います。ブラウザのサポートは[IE9 +注意点（IE11まで）]（https://caniuse.com/#feat=rem）です。 – Ryan

ネストされた要素を使用し、font-sizeがルート要素のfont-sizeよりも大きい場合

この例を参照して比較してください。フォントサイズは、ルート要素のフォントサイズよりも小さく、小さいが、REMユニットメジャーフォントサイズである原因、現在のフォントサイズより

.em { 
 
    font-size: 0.5em; 
 
} 
 

 
.rem { 
 
    font-size: 0.5rem; 
 
}

<p>When use Em Unit </p> 
 
<div class="em">I am Div1 
 
    <div class="em">I am Div2 
 
     <div class="em">I am Div3</div> 
 
    </div> 
 
</div> 
 
<p>When use REM Unit </p> 
 
<div class="rem">I am Div1 
 
    <div class="rem">I am Div2 
 
     <div class="rem">I am Div3</div> 
 
    </div> 
 
</div>

EMユニットメジャーフォントサイズ。

出典

2017-06-12 07:07:51 Ehsan

正確にCSSでrem単位を使用する必要がありますか？

答えて

関連する問題