什么是最常见的字体大小的H1 – H6标签

我一直不确定从哪里开始，作为一般的最佳实践基准。 是的，我知道这取决于你的devise – 但最常见的是什么？

以下是我目前作为首发的原因：

h1 { font-size: 24px;} h2 { font-size: 22px;} h3 { font-size: 18px;} h4 { font-size: 16px;} h5 { font-size: 12px;} h6 { font-size: 10px;} 

是的，我目前的工作不使用新兴市场。

谢谢

Answer 1

这取决于浏览器的默认样式表。 您可以在这里查看（非官方）CSS2.1用户代理样式表默认值表。

根据上面列出的页面，默认大小看起来像这样：

  IE7 IE8 FF2 FF3 Opera Safari 3.1 H1 24pt 2em 32px 32px 32px 32px H2 18pt 1.5em 24px 24px 24px 24px H3 13.55pt 1.17em 18.7333px 18.7167px 18px 19px H4 n/an/an/an/an/an/a H5 10pt 0.83em 13.2667px 13.2833px 13px 13px H6 7.55pt 0.67em 10.7333px 10.7167px 10px 11px 

另外值得一看的是HTML 4的默认样式表 。 W3Cbuild议使用这些样式作为默认值。 删节摘录：

 h1 { font-size: 2em; } h2 { font-size: 1.5em; } h3 { font-size: 1.17em; } h4 { font-size: 1.12em; } h5 { font-size: .83em; } h6 { font-size: .75em; } 

希望这个信息是有帮助的。

Answer 2

标题通常是大胆的; 已经closures这个尺寸对应的演示。 MSIE和Opera将这些尺寸解释为相同，但请注意，Gecko浏览器和Chrome将Heading 6解释为11像素而不是10像素/字体大小1，而Heading 3像19像素而不是18像素/字体大小4（尽pipe很难即使直接比较，也不可能使用）。 看来壁虎也限制文本不小于10个像素。