H5中新增的單位rem是什麼意思，和em的關係，以及rem在自適應佈局中的應用方法

時間 2019-12-07

標籤 h5 新增單位 rem 什麼意思關係以及自適應佈局應用方法欄目 CSS 简体版

原文原文鏈接

Rem爲單位：
rem是相對於根元素<html>的「font一size」爲基準。好比說咱們給html設置font一size爲100px，
那麼咱們要給html中的p標籤設置16px的字體，font一size設置.16rem就能夠，在這裏16px=.16rem。
Em爲單位：
這種技術須要一個參考點，通常都是以<body>的「font一size」爲基準。好比說咱們使用「1em」等於「10px」來改變默認值「1em=16px」，這樣一來，咱們設置字體大小至關於「14px」時，只須要將其值設置爲「1.4em」。
這個單位與em有什麼區別呢？
區別在於使用rem爲元素設定字體大小時，仍然是相對大小，但相對的只是HTML根元素。這個單位可謂集相對大小和絕對大小的優勢於一身，經過它既能夠作到只修改根元素就成比例地調整全部字體大小，又能夠避免字體大小逐層複合的連鎖反應。目前，除了IE8及更早版本外，全部瀏覽器均已支持rem。對於不支持它的瀏覽器，應對方法也很簡單，就是多寫一個絕對單位的聲明。這些瀏覽器會忽略用rem設定的字體大小。
複製代碼