rems是否取代了CSS中的ems？

Question

我正在阅读关于remCSS3中的单元,并且有点困惑.如果您使用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,或者它只是另一个单位.

Answer 1

Rem是root(html)元素的em大小.这意味着一旦定义了html元素的font-size,就可以定义相对于该元素的所有rem单位.

例如:

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

Safari 5,Chrome,Firefox 3.6及甚至Internet Explorer都支持Rem,但对于旧版浏览器,您仍然必须使用em,percent或px.

如果您要从网络中提取代码,提供源代码是礼貌的:http://snook.ca/archives/html_and_css/font-size-with-rem或者是从这里接过它的Snook？ (11认同)
主要区别在于`rem`允许你设置相对于`html`元素的*root字体大小*(如上所述)的`font-size`,****相对于*的字体大小**父元素*.IE支持？> = 9. (2认同)

Answer 2

不,这是一个不同的单位.em是基于父级的字体大小,而rem基于根字体大小,我相信是字体的字体大小html.

根据您的意图,两者都可能是正确的.事情是`2.4em`不一定与`2.4rem`相同,它们从不同的元素得到它们的基础值,所以如果这些元素具有不同的字体大小,那么你的边距将是不同的. (3认同)