em和rem的區別

2021-10-23 06:47:47 字數 370 閱讀 8464

rem單位

rem (root em)是乙個相對單位,類似於em,em是父元素字型大小。

不同的是rem的基準是相對於html元素的字型大小而不是相對于父元素字型的大小。這樣可以根據螢幕的尺寸,比較容易的控制頁面的布局效果。

例如,根元素(html)設定font-size=16px; 非根元素設定width:2rem; 則換成px表示就是32px。

/* 根html 為 16px */

html

/* 此時 div 的字型大小就是 32px */

div

rem的優勢:父元素文字大小可能不一致, 但是整個頁面只有乙個html,可以很好來控制整個頁面的元素大小。

rem與em的區別 結合使用rem與em

注意 谷歌瀏覽器最低支援的font size為12px 火狐和ie瀏覽器沒限制 rem 作用 適用不同解析度的頁面 相對於根元素html 給html設定乙個font size 所有元素的長度單位都用rem 倍數關係 若html設定的font size 10px 那麼2rem就是20px 好處 不同解...

css中rem和em的區別

國內的設計師大都喜歡用px,而國外的 大都喜歡用em和rem,那麼三者有什麼區別,又各自有什麼優劣呢?px特點 1.ie無法調整那些使用px作為單位的字型大小 2.國外的大部分 能夠調整的原因在於其使用了em或rem作為字型單位 3.firefox能夠調整px和em,rem,但是96 以上的中國網民...

css中em和rem的區別

在css中單位長度用的最多的是px em rem,這三個的區別是 px是固定的畫素,一旦設定了就無法因為適應頁面大小而改變。em和rem相對於px更具有靈活性,他們是相對長度單位,意思是長度不是定死了的,更適用於響應式布局。對於em和rem的區別一句話概括 em相對于父元素,rem相對於根元素。re...