0

我遇到了 chrome 的问题。h1 标签的格式比 IE 和 FF 中的要小。这里有2个截图： 在此处输入图像描述

在此处输入图像描述

我不知道为什么会这样。你有？抱歉，我不想在这里发布 URL，因为它不应该被谷歌索引。但它就像 ssd[minus]vergleichen.de/ssds/technische-daten/881/ocz-vector-128gb-2,5-Zoll.html （只需 C+P 并将 [minus] 替换为 -）。

编辑：这是代码：

#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>
4

3 回答 3

2

用户代理 (Chrome) 内置样式表如下所示：

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

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

如果将h1标签移到部分标签之外，它会以更大的尺寸出现（我试过了）。

于 2012-12-02T22:17:14.423 回答
1

我同意@j08691 的观点，他对你的原始帖子发表了评论，并跟进提到了inherited价值观。这很可能发生在您的主体或包含元素上，甚至在文档级别的某个地方，您已经font-size在“主”元素上定义了 a，并且由于您使用了 em（但不限于。）其中的每一层主元素的字体大小将基于它进入的父元素，因此外部的 1.7em 在内部更小，内部更小，内部更小，并且值会根据其父元素计算的大小继续继承。

于 2012-12-03T02:21:41.207 回答
0

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

font-size: 1.7em Verdana;

捂脸！无论如何，谢谢大家观看

于 2012-12-02T22:14:28.847 回答