什麼時候我們應該在css中使用rem單位？

從我已經從互聯網獲得任何信息很顯然，REM單元用於指定字體大小。除了字體大小之外，我們還可以使用這個單元，以及瀏覽器對它的支持。它是確定使用REM的身高？什麼時候我們應該在css中使用rem單位？

2017-06-12 Deepanshu Batra

當然是好，但爲什麼你會嗎？這是相關的問題。 rem用於字體大小的原因是因爲字體大小是經常需要文檔範圍一致性的事情之一。如果您的佈局需要一定的寬度和高度這樣的一致性，那麼沒有什麼利用這些REMS要麼阻止你。你只需要考慮推理。 – BoltClock

你可以使用它無處不在，你會使用其他單位;它和'em'一樣，但根據根。瀏覽器的支持是[IE9 +警告，直到IE11]（https://caniuse.com/#feat=rem）。 – Ryan

當你想要使用嵌套元素，你想要font-size測量比根元素字體大小。

看到這個例子並進行比較。

.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單位測量字體大小比當前的字體大小，導致字體大小越來越小，但REM單元測量字體大小比根元素字體大小。

來源

2017-06-12 07:07:51 Ehsan

什麼時候我們應該在css中使用rem單位？

回答

相關問題