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

我对chrome有意见。 h1标记的格式小于IE和FF中的格式。 这里有两个截图：

我不知道这是为什么。你有？ 对不起，我不想在这里发布这个URL，因为它不应该被google索引。但它是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>

#产品标题内容{
填充：6px；
保证金：2倍；
背景#FDE5CA；
边框左上半径：4px；
边框右上角半径：4px；
}
#producttitlecontent h1{
文本对齐：居中；
颜色：#6868；
填充：4px；
字体大小：1.7em Verdana；
}
OCZ矢量128GB 2,5”（VTR1-25SAT3-128G）

我想是我自己解决的。这个解决方案太简单了，我甚至不敢发布。我写了

font-size: 1.7em Verdana;

---

facepalm！感谢大家观看这部电影

我想是我自己解决的。这个解决方案太简单了，我甚至不敢发布。我写道

font-size: 1.7em Verdana;

facepalm！感谢大家收看本期节目

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

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

因此，您放置它的部分标记会导致这种情况。您是否可以避免使用部分标记？我知道这并不理想，但我只是解释发生了什么

如果将h1标记移到节标记之外，它将以更大的尺寸显示（我尝试过）。

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

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

因此，您放置它的部分标记会导致这种情况。您是否可以避免使用部分标记？我知道这并不理想，但我只是解释发生了什么

---

如果将h1标记移到节标记之外，它会以较大的大小显示（我尝试过）.

我同意@j08691对您的原始帖子发表的评论，并随后提到了

继承的

值。这很可能发生在您的正文或您的包含元素上，甚至在文档级别的某个地方，您在“主”元素上定义了

字体大小

，这是由于您使用了em（但不限于此。）主元素中的每一层的字体大小都将基于它所包含的父元素，因此外部的1.7em在内部更小，在内部更小，在内部更小，并且值会根据其父元素的计算大小不断继承。

我会同意@j08691对您的原始帖子发表的评论，并跟进w提到

继承的

值。很可能是您的正文或包含元素的情况，甚至在文档级别，您在“主”元素上定义了

字体大小

，这是由于您使用了em（但不限于）主元素中的每一层的字体大小都将基于它所包含的父元素，因此外部的1.7em在内部更小，内部更小，内部更小，并且值会根据其父元素的计算大小不断继承。

它与Chrome无关，与CSS无关。它什么都没有与Chrome和CSS有关的所有内容。