使用em作为标题

Question

我是em的新手。我到目前为止总是使用px，但现在是时候继续了。 我被我的标题困住了。我有一个H2和一个H6具有相同的造型

font-size:1.2em;
line-height:1.2em;

当我将两个标题放在同一个父元素中时，它们会以不同的大小显示。怎么可能？它们是相对于父项还是它们相对于它们自己的默认字体大小。

由于

http://jsfiddle.net/SBAHa/1

Answer 1

根据您发送的链接（joets.be/test/index.html），发生这种情况的原因是因为您在标题元素中有一个锚标记。

H2中的<a>附加了字体大小调整样式，而H6内部的<a>没有。如果您将1.2em样式应用于h2 a, h6 a{ font-size:1.2em; line-height:1.2em; }而不是标题，那么这将起作用。

基本上，这样做：

{{1}}

编辑：我看过css文件本身，你能从第339行删除“h2 a”吗？

Answer 2

元素的实际大小是相对于其父元素的字体大小计算的。

看看这篇帮助我理解相关信息的好文章：http://alistapart.com/article/fluidgrids