css中字体大小中等答案

【问题标题】：Font size medium in csscss中字体大小中等
【发布时间】：2012-06-03 10:52:29
【问题描述】：

font-sizemedium/small/large 如何在 css 中工作？如果css有font-size:11px，那么其他元素的font-size:medium是什么，是取决于字体大小，还是与字体大小无关？

【问题讨论】：

【解决方案1】：

在你的 CSS 中使用 em。您必须使用 px 设置正文的字体大小，然后所有包含的元素都应使用 em 设置字体大小。

【讨论】：

发帖人并没有询问 CSS 错字最佳实践（顺便说一句，如果您在谈论 2022 年的 ems 和最佳实践，您还应该提到 rems），而是询问特定 CSS 功能的工作原理.

【解决方案2】：

我相信这是基于用户在浏览器中的首选字体大小，可能设置为 11 或 12。

【讨论】：

【解决方案3】：

来自the specification：

关键字是由 UA 计算并保存的字体大小表的索引。

和

'medium' 值是用户首选的字体大小，用作参考中间值。

所以它不依赖于正文字体大小。

【讨论】：

【解决方案4】：

如果我正确理解您的问题，正文中的字体大小是您整个网站的字体大小。

您可以轻松地为其他元素、类或 ID 设置不同的字体大小

p { 
  font-size: medium;
}

h1 {
  font-size: large;
}

#leftBox { 
   font-size: 12px; 
}

虽然我永远不会使用静态值。我总是使用 px 值。

【讨论】：