Quarto双栏布局中调整单栏字体大小且不偏移布局的方法

直接给.column元素添加font-size样式会干扰RevealJS的栏布局计算，导致整体偏移。正确的做法是只调整栏内内容的字体大小，而不改动栏本身的布局属性，具体有两种实现方式：

方式一：用内联容器包裹内容 #

把需要调整字体的栏内内容放在<div>标签里，给这个div设置字体大小样式，栏本身的属性保持不变：

---
output: revealjs
---

:::: {.columns}

::: {.column width="40%"}
<div style="font-size: 50%;">
Example list:

* unordered list
    + sub-item 1
    + sub-item 2
        - sub-sub-item 1
</div>
:::

::: {.column width="60%"}
![Here's an elephant](https://www.r-project.org/logo/Rlogo.png)
:::

::::

方式二：自定义CSS类（适合重复使用） #

如果需要多次用到小字体样式，可以在文档开头定义一个CSS类，后续只需给内容容器添加该类即可：

---
output: revealjs
---

<style>
.small-content {
  font-size: 50%;
}
</style>

:::: {.columns}

::: {.column width="40%"}
<div class="small-content">
Example list:

* unordered list
    + sub-item 1
    + sub-item 2
        - sub-sub-item 1
</div>
:::

::: {.column width="60%"}
![Here's an elephant](https://www.r-project.org/logo/Rlogo.png)
:::

::::

两种方式的核心逻辑都是：保持.column元素的布局参数不变，仅修改内部内容容器的字体大小，这样双栏的宽度分配和排版位置都不会受到影响，图片也不会出现偏移。

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