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

2021-10-10 07:27:18 字數 491 閱讀 7747

注意:谷歌瀏覽器最低支援的font-size為12px;

火狐和ie瀏覽器沒限制

rem:

作用:適用不同解析度的頁面

相對於根元素html;給html設定乙個font-size;所有元素的長度單位都用rem(倍數關係),若html設定的font-size:10px;那麼2rem就是20px;

好處:不同解析度,只需要改變根元素html的font-size即可改變所有子元素的大小,且相對格局不變

em:相對于父元素;給父元素設定font-size;該父元素下的所有子元素可以以em為單位來設定大小。

若父元素的font-size:10px;子元素設定2em即為20px;

頁面布局中一般將rem和em結合

em與rem的區別與使用

一 區別 1 em em是一種相對長度單位,相對於自身元素的字型大小大小,如果沒有設定即參照父容器的字型大小大小或瀏覽器預設字型大小大小。舉例 如乙個div box的寬度設定為 box,其字型大小大小 box,則此div的寬度為140px。2 rem rem是css3的新標準也是一種相對長度單位,其...

em與rem的區別與使用

1 em em是一種相對長度單位,相對於自身元素的字型大小大小,如果沒有設定即參照父容器的字型大小大小或瀏覽器預設字型大小大小。舉例 如乙個div box的寬度設定為 box,其字型大小大小 box,則此div的寬度為140px。2 rem rem是css3的新標準也是一種相對長度單位,其相對於ht...

rem與em的使用和區別

區別是 瀏覽器根據誰來轉化成px值。當使用rem單位,轉換為畫素大小取決於根元素的字型大小,即html元素的字型大小。有乙個比較普遍的誤解,認為em單位是相對于父元素的字型大小。事實上,根據w3c標準,它們是相對於使用em單位的元素的字型的大小。父元素的字型大小可以影響 em 值,但這種情況的發生,...