如何让Quarto Revealjs演示文稿文本实现全屏宽度？

你可以通过以下几种方法实现需求，按适用场景选择：

方法一：全局设置（所有幻灯片生效） #

方式1：自定义CSS（精准控制边距） #

1. 在项目中创建一个CSS文件（比如custom.css），添加以下样式：

/* 移除幻灯片内容的左右边距并占满宽度 */
.reveal .slides section .content {
    margin: 0;
    width: 100%;
}
/* 移除幻灯片本身的内边距 */
.reveal .slides section {
    padding: 0;
}
/* 若需要调整代码块的边距，可追加以下样式 */
.reveal pre code {
    margin: 0;
    width: 100%;
}

2. 在Quarto文档的YAML头部引入该CSS：

---
title: "你的演示文稿标题"
format:
  revealjs:
    css: custom.css
---

方式2：修改Revealjs内置配置 #

如果接受上下边距也同步调整为0，可以直接在YAML中设置margin参数：

---
title: "你的演示文稿标题"
format:
  revealjs:
    margin: 0
---

方法二：局部设置（仅指定幻灯片生效） #

如果只需要某几张幻灯片全屏宽度，可自定义一个样式类，然后在目标幻灯片中应用：

1. 先在custom.css中添加类样式：

.full-width-slide .content {
    margin: 0 !important;
    width: 100% !important;
}
.full-width-slide {
    padding: 0 !important;
}

2. 在需要全屏的幻灯片中使用该类：

::: {.full-width-slide}
这张幻灯片的文本会占满全屏宽度，左右无间距
- 列表项也会对齐到最左侧
- 无需担心边距限制
:::

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