css - Em 字体大小在我的 h1 顶部添加边距？

Question

我在我的个人网站http://www.tommaxwell.me第一次开始使用 CSS 重置 (YUI) ，它对跨浏览器兼容性有很大帮助。但是，在 webkit 浏览器（Chrome、Safari）中，ems 字体大小似乎会在 h1 的顶部添加边距。当我删除 em 时，它会退回到默认大小并且顶部没有边距。在 Opera 和 Firefox 中，边距不存在。我应该怎么办？

Answer 1

请尝试改用 px 或试试这个

.webkit h1{margin:0px}

谢谢希望它会有所帮助..

Answer 2

如果您检查 h1 元素，您将看到 h1 标签的所有边距均为 0。

但是所有浏览器中 h1 标签的高度各不相同，这是由于它们的渲染引擎。这种变化可能会让你对保证金产生错觉

Answer 3

我不确定你的意思是什么，因为它们在大多数浏览器中对我来说都是一样的，但我看不到你在任何地方设置 line-height，作为一个建议，可能值得摆弄 line-height 以查看空间是从那里来的吗？

h1 {
    line-height: 1.0em;
}