html - IE7 文本渲染空间太大？

Question

IE 7 的渲染: 一切 其他的渲染: 这两张图片之间存在一些问题，但我担心的是线条之间的间距太大。我将行间距设置为 0px，然后顶部的“此处的页面名称”看起来是正确的，但其他一切都搞砸了。将其他一切都设置为 1.2，一切看起来都不错……但这会使其他所有浏览器都乱七八糟。我应该怎么办？我是否缺少其他属性，或者我是否必须找到解决方法？

代码:

顶部“此处的页面名称”周围的 div

#TopBar {
    padding: 0px;
    height: 50px;
    max-height: 50px;
    overflow: hidden;
    z-index: 250;
}

“此处的页面名称”的实际 h1 元素

.TitleText {
    font-size: 2em;
    color: white;
    text-align: center;
    line-height: 1.2;
}

一切:

* {
    padding: 0px;
    margin: auto;
    font-family: Tahoma;
    line-height: 1.2;
}

我试着稍微修改一下这些值，但我只能让它在 IE7 或其他任何东西上看起来都不错

Answer 1

在发布我的代码时想通了...

在我的代码中:

* {
    padding: 0px;
    margin: auto;
    font-family: Tahoma;
    line-height: 1.2;
}

我将所有内容的边距默认设置为自动，使 IE7 呈现一个不同于 0px 的值。通过将 margin-top 属性设置为 0px，它消除了标题栏顶部的额外空间并修复了截断问题。