Firefox 4<部分>和标题部分>
从这个问题我开始寻找: Firefox 搞砸了标题大小 h1 h2 h3
这是一个 html将显示问题的代码片段:
<html>
<head>
</head>
<body>
<section>
<section>
<h1>This is an h1</h1>
<h2>This is an h2</h2>
<h3>This is an h3</h3>
<h4>This is an h4</h4>
</section>
</section>
</body>
</html>
因此将其保存到 test.html 并在 firefox 4 和 chrome 中打开它,h1 标签在 firefox 4 中显示得更小。
任何人都可以解释我如何解决这个问题吗?
From this question I started looking:
Firefox screwing up headings sizes h1 h2 h3
Here is a html snippet that will show the issue:
<html>
<head>
</head>
<body>
<section>
<section>
<h1>This is an h1</h1>
<h2>This is an h2</h2>
<h3>This is an h3</h3>
<h4>This is an h4</h4>
</section>
</section>
</body>
</html>
so save that into test.html and open it in firefox 4 and in chrome, the h1 tag shows way smaller in firefox 4.
Can anyone explain me how to fix this ?
如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱,如果其他用户或者作者回复了您的评论,将不能在第一时间通知您!
发布评论
评论(2)
作为 HTML5 的一部分,可以在同一文档中多次使用
标签。
标签专门用作章节的标题。显然,FireFox 实现嵌套部分作为减少子部分
大小的指示,这是有意义的,而 Chrome 则不然。
更多信息
It is possible to use
<h1>
tag multiple times in the same document as part of HTML5. The<h1>
tag is specifically used as a title for a section. Apparently, FireFox implements the nested section as an indication to reduce the size of the<h1>
for the sub-section, which makes sense, while Chrome does not.More Info
使用 CSS 指定所有 h1 标签的大小怎么样?那么,它是否在一个部分或其他任何内容中都无关紧要。
What about using CSS to specify the size of all h1 tags? Then, it shouldn't matter whether it is within a section or anything else.