新手试图理解 Safari CSS font-size 测试结果答案

【问题标题】：Newbie trying to undersatand Safari CSS font-size test results新手试图理解 Safari CSS font-size 测试结果
【发布时间】：2018-04-13 21:51:16
【问题描述】：

我正在努力学习 CSS。对于我的测试，我编辑了一个 html 文本文件并使用 Safari V11.0 查看结果。我的项目是为网络呈现一个使用固定列和等宽字体的老式打印报告。

我有一些我不明白的测试结果，希望您对我的进一步研究提出建议。

body {font: 100% Courier, monospace}

做我想做的；但是，...

body {font: Courier, monospace}

...没有。 Safari 以某种比例字体呈现我的页面。

问题 1：为什么需要字体大小？

此外，

body {font: 80% Courier, monospace}

有效，但字符大小与 100% 相同。

问题 2：为什么忽略字体大小？

--吉尔

【问题讨论】：

【解决方案1】：

查看此链接： W3C Font Shorthand

由于您没有使用诸如 font-size 和 font-family 之类的速记定义，因此您需要遵循速记规范，其中说 size 是必需的属性之一：

字体简写属性在一个声明中设置所有字体属性。

可以设置的属性，依次为：“font-style font-variant font-weight font-size/line-height font-family”

字体大小和字体系列值是必需的。如果缺少其他值之一，将插入默认值（如果有）。

【讨论】：

谢谢，RussAwesome。这就是我错过的规则。知道为什么大小似乎无关紧要吗？
嗨，吉尔，不确定字体大小是否被忽略。看看这个小提琴，其中 100% 和 80% 设置在两个跨度标签上，看看您是否可以使用自己的代码重现该问题。您可能有其他标签干扰输出，因此最好使用精简示例。 jsfiddle.net/u47506x2
您的小提琴按预期工作，谢谢。我发现表格外的文本大小符合预期，但表格标签内的文本大小没有改变。我还没有学习小提琴，所以我现在将努力解决这个问题。感谢您让我开始使用这些很棒的工具。
我做了一个小提琴 (jsfiddle.net/GilDawson/yh0qrf9v/3)，将我的 html 文件粘贴到 HTML 和 CSS 面板中，然后删除它不喜欢的标签。在运行时，代码按预期工作：表格内外的所有文本都发生了变化。我想我的 Safari 偏好设置中可能有一些东西。
@Alohci 在另一个线程上提出了答案：“将添加到文件顶部。”我永远不会猜到。维基百科上的“怪癖模式”解释了原因。