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

Tim*_*ijk 4 html css size fonts

在HTML / CSS中,可以通过以下方式指定字体大小(不建议使用,但所有浏览器都支持):

<font size="n">text</font>
Run Code Online (Sandbox Code Playgroud)

带有n的元素{1, 2, 3, 4, 5, 6, 7}

另一种可能性是:

<span style="font-size: s;">text</span>
Run Code Online (Sandbox Code Playgroud)

带有s的元素{xx-small, x-small, small, medium, large, x-large, xx-large}

两个范围之间是否有实际关系?我认为它们具有相同的大小,因为它们具有七个元素,但事实并非如此。

Mat*_*ell 5

请不要使用这两种方法来指定字体大小。他们被淘汰是有充分理由的。使用您描述的方法在平台之间创建一致的外观几乎是不可能的-更不用说您完全依赖于浏览器供应商来指定它们的值。

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

  • @Seth-您的评论恰好显示了您不应该使用px的原因:“如果您使用的是PC,请使正文字体保持在12px以上,以便我们的Mac用户可以阅读它”。如果您想要一个真正可访问的网站,那么就可以使用em-通过在正文中指定基本大小,然后从那里指定em,可以找到很多关于跨浏览器和平台实现一致大小的方法。 (3认同)
  • 我没有使用任何提及自己的方法。我之所以问是因为我需要识别其他人的HTML中的字体大小,并且我正在尝试尽可能地统一。@Seth:我不是px的忠实粉丝。相反,我通常尝试使用em定义尽可能多的内容(包括尺寸,填充,边距,有时甚至是边框)。我的经验是,您使用相对度量定义的次数越多,布局的灵活性就越高,它在各种平台上的兼容性就越高,而用户掌握的功能(调整大小)就越多。 (2认同)