rems是否取代CSS中的EMS?

内容来源于 Stack Overflow,并遵循CC BY-SA 3.0许可协议进行翻译与使用

  • 回答 (2)
  • 关注 (0)
  • 查看 (11)

我读到remCSS 3中的单元有点困惑。如果你用rem,你是否还用em或者可以代替它?

例如:

.selector {
    margin-bottom:24px;
    margin-bottom:2.4rem;
    font-size:16px;
    font-size:1.6rem;
}

.selector {
    margin-bottom:24px;
    margin-bottom:2.4em;
    margin-bottom:2.4rem;
}

只是想弄清楚rem是否代取em或者只是另一个单位。

提问于
用户回答回答于

REM是根(Html)元素的em大小。这意味着,一旦定义了html元素的字体大小,就可以定义所有相对于此的rem单元。

例如:

html { font-size: 62.5%; } 
body { font-size: 1.4rem; } /* =14px */
h1   { font-size: 2.4rem; } /* =24px */

REM在Safari 5、Chrome、Firefox 3.6+,甚至InternetExplorer中都是支持的,但对于旧浏览器你还得用他们,百分比或者px。

用户回答回答于

不,这是一个不同的单位。 em基于父级的字体大小,rem则基于根字体大小,我相信它是html元素的字体大小。

扫码关注云+社区