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”。尝试在第一个示例中添加较短的文本（或更大的文本），您将看到徽标如何相应地更改。