html - 这些行之间的空格因浏览器而异，行高似乎无法解决

Question

我的标题 ('header') 和副标题 ('subh') 在不同的浏览器中以不同的垂直间距显示。在 Firefox 中，它以我想要的方式显示，但在 Safari 和 Chrome 中，存在巨大差距。![Safari 和 Chrome 示例][1]

我已经尝试过 line-height 属性，但它没有解决任何问题，而且我已经尝试过使用百分比、分数和负数(我不知道负数是否有任何作用)。

这是我的 CSS。如果它在风格上不正确，我深表歉意，因为我上个月才开始使用 HTML。显然我的图片也不会出现，所以我希望我描述得充分。

标题{
背景色:白色；
向左飘浮;
字体系列:“Arvo”；
字体大小:300%；
填充:0 0 0 0；
position:relative；
顶部:0；
宽度:100%；
}
sub{
背景色:白色；
颜色:#33CC33；
向左飘浮;
字体系列:“Josefin Slab”；
字体大小:200%；
填充:0 0 0 0；
position:relative；
顶部:7.5%；
宽度:100%；
}

Answer 1

我认为不同的浏览器可能会处理您的拼写错误:

字体大小:300%%；

不同。删除多余的 %。