我沉迷于他们

时间:2015-10-07 19:32:42

标签: css

我沉迷于' em'作为使用CSS的测量单位,在像素上使用它看起来非常自然,并且在百分比方面非常漂亮,远远超过像素。

有没有这样的地方可以使用它,因为在使用它几个月之后我还没有找到一个地方,除了设置我没有比像素更好最外面的容器宽度和高度。

1 个答案:

答案 0 :(得分:1)

如果你有大量的嵌套元素,你可以使用EM测量单位解开,你可以将某些东西的大小设置为ems并且它们的大小会增加。

例如,如果您将初始字体大小设置为1.01em(从浏览器/用户指定的默认值中取出)并执行类似于:div {font-size : 1.1em;}的疯狂操作,然后使用一些html:

<div>
    <div>
        <div>Some text</div>
    </div>
</div>

第三级的文本将是1.01 * 1.1 * 1.1 * 1.1 em,因此比你想象的要大。在这些情况下,您可以选择使用度量单位rem,这是来自根节点的em测量值。

在上面的例子中,如果css是div {font-size : 1.1rem;},那么第三个div级别的文本只有1.01 * 1.1 em。