1. em

是一個相對單位。相對于當前對象內文本的font-size，如果當前文本的字體尺寸沒有設置，則相對于瀏覽器的默認字體尺寸。即1em=16px

如下：3em=48px；
效果圖：

• 特點：

em的值并不是固定的

em會繼承父元素的字體大小

2. rem

是一個相對單位。是相對HTML根元素。
如下：1rem=100px
效果圖：

• 特點：

rem為元素設定字體大小的時候，是相對于根元素進行計算的。

當我們改變根元素下的字體大小時，下面的大小都會改變。

通過rem既可以做到只修改根元素就可以成比例的調整所有字體，又可以避免字體大小逐層復合的連鎖反應。

3. em和rem的區別

rem是相對于根元素進行計算，而em是相對于當前元素或父元素的字體大小。

rem不僅可以設置字體的大小，還支持元素寬、高等屬性。

em是相對于當前元素或父元素進行換算，層級越深，換算越復雜。而rem是相對于根元素計算，避免層級關系。

以上就是我在逆戰班當中學習到的rem和em單位之間的區別。

總結

以上是生活随笔為你收集整理的em和rem的区别的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。