em相對長度單位
相對參照物為父元素的font-size
em有繼承性
沒有設定font-size時, 瀏覽器會有乙個預設的em設定
rem相對參照物為根元素html, 相當於參照物固定不變
比較好計算
沒有設定font-size時, 瀏覽器有乙個預設的rem
有相容性問題, 並不是所有瀏覽器都支援rem, ie8及以下的瀏覽器都不支援
1 rem = 16 px與em一致
egfont-size = 62.5% 時, 1 rem = 10 px
font-size = 100% 時, 1 rem = 16px
em和rem的區別
rem單位 rem root em 是乙個相對單位，類似於em，em是父元素字型大小。不同的是rem的基準是相對於html元素的字型大小而不是相對于父元素字型的大小。這樣可以根據螢幕的尺寸，比較容易的控制頁面的布局效果。例如，根元素 html 設定font size 16px 非根元素設定width...
rem 單位 和 em 單位
首先要知道 rem 和 em 是相對單位 我們通過 來看 rem 和 em的使用和區別 em 相對於父級 test 16px test test 顯示效果 我們可以看到，首先我們重置瀏覽器的預設顯示字型大小為16px 即便預設顯示大小也是16px body中的第乙個段落標籤的字型大小也就是16px ...
em和rem 單位的使用
em和rem px em和rem三者的關係 1.px 概念 畫素。相對長度的單位。特點 所有瀏覽器均支援 2.em 概念 是長度的相對單位。特點 em的值不是固定的 會繼承父級元素的字型大小。相對父級的的字型大小。3.rem 概念 css3新增的單位，長度的相對單位，以html元素的字型單位做參考。...