是否在CSS中替换ems?

前端之家收集整理的这篇文章主要介绍了是否在CSS中替换ems?前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我正在读约 rem units in CSS3,有点困惑。如果您使用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元素的font-size,你可以定义所有的相对于这个元素的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甚至Internet Explorer中都支持,但对于older browsers,您仍然需要使用em,percent或px。

猜你在找的CSS相关文章