Em级联问题

Question

我有一个问题，就是现在脑子发昏。到目前为止，我和他们相处得差不多，但在这里我遇到了一个讨厌的人。

我做了一个简化的标记示例。我的<a>在<h2>里面

演示

<h2>
    <a>This is title</h2>
<h2>

CSS

h2{
    font-size: 2em;
}

a{
    font-size: 1.5em;
}

现在我想把<a>标记放在<h2>中，但是它太大了，因为em单元相对于它们的父单元。有办法解决吗？谢谢大家。

Answer 1

如果字体太大，请将字体设置得更小。我是认真的。将字体大小设置为1.5em时，意味着将其设置为父元素字体大小的1.5倍。如果你不想那样做，那就把它设置成其他的值。如果您希望它是基本字体大小的1.5倍，并且父元素的字体大小是基本字体大小的两倍，只需计算1.5/2，即设置font-size: 0.75em。

没有理由改变到工作不那么可靠或不那么灵活的单位。只需根据em的定义使用它。

再说一次，在标题中有链接或改变标题内的字体大小很少是个好主意。但从技术上讲，这是可以做到的，而且通常只需要一次分区操作。

Answer 2

完全同意Torazaburo。rem设置相对于根元素的大小，而不是父元素，因此如果为html元素定义大小，rem元素将由此导出它们的大小(您不需要为html元素定义大小，您可以让用户浏览器来确定它)。

在css-tricks.com上有一篇关于对物的好文章

Answer 3

那么，您已经选择了使用ems，这就是它们的工作方式。你整理你的床，然后躺在床上。

正如注释中提到的，如果不需要rem支持，则可以使用IE8。

否则，它将返回到px。这有什么问题吗？如果您使用的是CSS预处理器，则可以将该值设置为变量，从而便于更改或依赖其他内容。