谷歌Chrome格式的h1标签方式很小

Question

我遇到了chrome的问题。 h1标签的格式小于IE和FF。 这里有2个截图：

我不知道为什么会这样。你有没有？ 抱歉，我不想在此处发布网址，因为它不应该被谷歌索引。但它是e。 G。喜欢 SSD [减去] vergleichen.de/ssds/technische-daten/881/ocz-vector-128gb-2,5-Zoll.html （只需C + P它并用 - 替换[减号]。

编辑：这是代码：

#producttitlecontent {
padding: 6px;
margin: 2px;
background: #FDE5CA;
border-top-left-radius: 4px;
border-top-right-radius: 4px;
}

#producttitlecontent h1 {
text-align: center;
color: #686868;
padding: 4px;
font-size: 1.7em Verdana;
}


<div id="producttitlecontent">
                       <img src="../images/bkbtn.png" alt="Zur&uuml;ck"    onClick="history.go(-1);return true;">
                        <h1 itemprop="name">OCZ Vector 128GB 2,5"(VTR1-25SAT3-128G) </h1>
           </div>

Answer 1

用户代理（Chrome）内置样式表如下所示：

any(article,aside,nav,section) h1 {
font-size: 1.17em;
-webkit-margin-before: 1em;
-webkit-margin-after: 1em;
}

因此，您放置的部分标记会导致此问题。无论如何你可以避免使用section标签？我知道这不是理想的，但我只是在解释正在发生的事情。

如果您将 h1 标记移到部分标记之外，它会以更大的尺寸显示（我试过了）。

Answer 2

我会同意@ j08691，他对您的原始帖子发表了评论，并跟进了inherited值的提及。很可能是你的身体或你的包含元素的情况，甚至是你在“master”元素上定义了font-size的文档级别，并且由于你使用了em（但不限于。）主要元素中的每一层都将其字体大小基于它所引入的父元素，因此外部的1.7em在内部较小而在内部较小且在内部较小且值依赖于其父项计算而继承尺寸。

Answer 3

我想，我自己解决了。解决方案非常简单，我甚至不敢发布它。我写了

font-size: 1.7em Verdana;

捂脸！非常感谢大家看这个