如何调整Quarto RevealJS中代码块的相对字体大小？

在Quarto RevealJS场景下，默认代码块字体尺寸小于正文，使用fontsize参数修改基础字体时，所有页面元素的字体都会成比例缩放，无法单独控制代码块的相对大小。通过自定义CSS可以精准解决这个问题，不同CSS选择器的作用范围差异如下：

• 仅调整代码块字体（推荐）：修改code.sourceCode的font-size属性，只会作用于代码块内容，不会影响代码输出、行内代码等其他元素。示例CSS代码：

code.sourceCode {
  font-size: 0.9em; /* 可根据需求设置相对比例或绝对尺寸 */
}

• 调整范围过大的方案：如果直接修改code的font-size，会覆盖所有<code>标签对应的内容，包括代码块、代码输出、所有逐字元素，多数场景下这种调整范围不符合需求。

内容的提问来源于stack exchange，提问作者Robert McDonald