4

我在这个页面上的几个元素中看到了一些非常显着的行高/填充差异，特别是页面标题（查尔斯 A Dana 中心）和“学术青年发展”标题。在 Mac 上的 Safari/FF 上，文本被挤到行首；在 PC 上的所有浏览器中，它看起来几乎是垂直分布的。

如果重要的话，我有一个 css-reset 和 Modernizr 正在运行。

这是站点标题的 css：

.site-title h1 {
    font-size:2.5em;  
    margin:.1em 0em 0em;
    text-transform: none;  
}
.site-title a {
    display:inline-block;
    text-decoration: none;
    color:#0363a8;
    text-shadow:1px 1px 1px #82B2D9;
    line-height:1em;
    border: none;   
}

这是蓝色背景页面标题的 css：

.parent-title {
    font-size:2em;
    color: #0D72BA;
    font-family: 'Bree Serif',Georgia,'Times New Roman',serif;
    font-weight:400;
    border: none;
    background-color:#D8E1F1;
    border-radius:8px;
    display:block;
    padding:.2em .5em .2em;
    margin-bottom:.72em;
    line-height:1em;
}

非常感谢你的帮助！

4

0 回答 0