1. 程式人生 > >em和rem的概念和用法

em和rem的概念和用法

繼承 瀏覽器 不支持 pan rem 一個 size nbsp 計算

em 相對長度單位

  1. 相對參照物為父元素的font-size
  2. em有繼承性
  3. 沒有設置font-size時, 瀏覽器會有一個默認的em設置

rem 相對參照物為根元素html, 相當於參照物固定不變

  1. 比較好計算
  2. 沒有設置font-size時, 瀏覽器有一個默認的rem
  3. 有兼容性問題, 並不是所有瀏覽器都支持rem, IE8及以下的瀏覽器都不支持

1 rem = 16 px 與em一致

eg

font-size = 62.5% 時, 1 rem = 10 px

font-size = 100% 時, 1 rem = 16px

em和rem的概念和用法