字体大小范围{1,2,3,4,5,6,7}和{xx-small，x-small，small，medium，large，x-large，xx-large之间是否存在事实上的关系？ }？

Question

在HTML / CSS中，字体大小可以按以下方式指定（不建议使用，但所有浏览器都支持）：

<font size="n">text</font>

n元素为{1, 2, 3, 4, 5, 6, 7}。

另一种可能性如下：

<span style="font-size: s;">text</span>

s元素为{xx-small, x-small, small, medium, large, x-large, xx-large}。

两个范围之间是否存在任何事实上的关系？我认为它们指的是相同的尺寸，因为它们都有七个元素，但结果并非如此。

Answer 1

请不要使用其中任何一种方法来指定font-size。他们被推荐是有充分理由的。使用您描述的方法在平台上创建一致的外观几乎是不可能的 - 更不用说您完全依赖于浏览器供应商，因为他们指定了每种方法的值。

相反，请使用ems或百分比。您将获得更加一致的外观，并且可以更好地控制您的设计所需的字体大小。

Answer 2

简短回答：不，这是浏览器特定的。它们之间没有标准的映射。

答案很长：检查this document *，因为它正在详细讨论同一问题。

---

*链接已死。这是archived version

Answer 3

蒂姆，参考你对Matt Howell's answer的评论：

如果您在Firefox中运行Firebug，您可以看到元素的“计算样式” - 例如，当StackOverflow css将h2标记（即“您的答案”标题周围）定义为：

h2 {
  font-family:Trebuchet MS,Helvetica,sans-serif;
  font-size:140%;
  font-weight:bold;
  margin-bottom:7px;
}

如果我看一下“Computed Style”，我可以看到这是：

这可以帮助你完成任务。

Answer 4

我认为尺寸之间的（推荐）比例因子是1.2。 CSS不需要缩放因子。