是否在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。

相关文章

前言 最近项目做完,用户需要兼容IE,于是开展了兼容性的调整工作。边调整边想感叹IE真是个沙雕。。特将...
前言 有些属性不是很常用,但是工作中遇到了,记录一下,方便学习。 1、text-indent text-indent 属性规...
前言 政府网站会遇到公祭日的时候,网站整体颜色变灰的情况。今天正好调了一下。在此把解决方案分享给大...
需求 项目里有个消息中心,当有消息的时候,小铃铛图标可以晃两下,提示当前有信息。 实现过程 书写css...
html代码 css代码 效果图
在一些界面上 , 如果每个icon都去找图片还是相当麻烦的 , 直接使用css画出icon就方便的多了 , 下面两个...