html - 字体大小范围 {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

请不要使用这些方法中的任何一种来指定字体大小。他们有充分的理由被弃用。使用您描述的方法几乎不可能跨平台创建一致的外观和感觉 - 更不用说您完全依赖于浏览器供应商为每个这些指定的值。

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