1. 程式人生 > >em與rem的區別:何時使用em與rem

em與rem的區別:何時使用em與rem

教程亙長,這裡只提供總結,若想知道個所以然還請點選連結檢視原文

總結:

  • remem 單位是由瀏覽器基於你的設計中的字型大小計算得到的畫素值。
  • em 單位基於使用他們的元素的字型大小。
  • rem 單位基於 html 元素的字型大小。
  • em 單位可能受任何繼承的父元素字型大小影響
  • rem 單位可以從瀏覽器字型設定中繼承字型大小。
  • 使用 em 單位應根據元件的字型大小而不是根元素的字型大小。
  • 在不需要使用em單位,並且需要根據瀏覽器的字型大小設定縮放的情況下使用rem
  • 使用rem單位,除非你確定你需要 em 單位,包括對字型大小。
  • 媒體查詢中使用 rem 單位
  • 不要在多列布局中使用 em
    rem ,改用%。
  • 不要使用 emrem,如果縮放會不可避免地導致要打破布局元素。