新手尝试了解Safari CSS字体大小测试结果

我正在努力学习CSS。为了进行测试，我编辑了一个html文本文件，并使用SafariV11.0查看结果。我的项目是为web呈现一份老式的打印报告，它使用固定列和单间距字体

我有一些我不了解的测试结果，非常感谢您对我进一步学习的建议

body {font: 100% Courier, monospace}

做我想做的事；然而

body {font: Courier, monospace}

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

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

而且

body {font: 80% Courier, monospace}

可以，但字符大小与100%相同

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

--Gil

查看此链接：

因为您没有使用像字体大小和字体系列这样的速记定义，所以您需要遵循速记规范，即大小是必需的属性之一：

字体速记属性在一个声明中设置所有字体属性

可以设置的属性是（按顺序）：“字体样式字体变量字体重量字体大小/行高字体系列”

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

---

谢谢，俄罗斯人。这是我错过的规则。你知道为什么大小不重要吗？嗨，吉尔，我不确定字体大小会被忽略。看看这把小提琴，其中100%和80%设置在两个span标记上，看看到目前为止是否可以使用自己的代码重现问题。您可能会有其他标记干扰输出，因此最好使用精简的示例。你的小提琴按预期工作，谢谢。我发现表外文本的大小与预期的一样，但表标记内文本的大小没有改变。我还没有学会小提琴，所以我现在就要学习小提琴来解决这个问题。谢谢你让我开始使用这些很酷的工具。我把我的html文件粘贴到html和CSS面板中，然后删除它不喜欢的标记。在运行时，代码按预期工作：表内外的所有文本都发生了更改。我猜想我的Safari的偏好中可能有什么东西。@Alohci在另一个帖子上给出了答案：“添加到你的文件的顶部。”我永远也猜不到。维基百科上的“怪癖模式”解释了原因。