我是em的新手。到目前为止,我一直都使用px,但是现在该继续了。
我被我的 header 卡住了。我有一个H2和一个H6具有相同的样式
font-size:1.2em;
line-height:1.2em;
当我将两个 header 放在相同的父元素中时,它们以不同的大小显示。那怎么可能呢?它们是相对于父级还是相对于其自身的默认字体大小。
谢谢
http://jsfiddle.net/SBAHa/1
最佳答案
根据您发送的链接(joets.be/test/index.html),发生这种情况的原因是因为您在heading元素内有一个anchor标签。
H2内部的<a>
具有附加的字体大小样式,而H6内部的<a>
没有。如果将1.2em样式应用于h2 a, h6 a{font-size:1.2em;line-height:1.2em;}
而不是标题,则可以使用。
因此,基本上,请执行以下操作:
ojit_code
编辑:我已经看过css文件本身,您能从行339中删除“h2 a”吗?
关于css - 将em用作标题,我们在Stack Overflow上找到一个类似的问题:https://stackoverflow.com/questions/16059435/