两个图像在相同代码下以不同大小显示

Question

我有一个 png 徽标图像的问题，该图像出于某种原因在两个其他方面相同的网页上以不同的大小显示。唯一的区别是页面使用不同的语言。

第一个一切正常的例子在 contact

第二页，不同语言，完全相同css，设置在contact in Finnish

第二页上的徽标尺寸错误，我一直无法弄清楚为什么会这样。

我所做的唯一更改是更改 taikurit.html 页面中的相对填充，以使徽标内的文本更加居中。但是徽标图像的尺寸仍然错误，这两个页面的其他所有内容都相同。

请注意，我所有用于控制页面的 css 目前都是内联的，这是因为我使用页面速度进行测试。

第158行是唯一的区别，我在上面提到过：

.logo2 h1{position:relative;padding:20px 0 79px;font-size:120px;line-height:120px;display:inline-block;color:#fff}

如果有人知道为什么会这样，我会很高兴，因为我已经看了两天的代码，但没有理解原因。

Answer 1

区别在于下一段代码：

<span itemprop="name">Magician</span>

在第二个示例中，徽标尺寸错误（较小），因为 "TAIKURI" 小于 "MAGICIAN"。尝试在第一个示例中放入更短的文本（或更大的文本），您将看到徽标如何相应变化。