如何让Quarto HTML文档占满屏幕宽度？

要让Quarto生成的HTML文档在rpubs上占满整个窗口宽度，只需在YAML配置中添加对应的布局设置，具体方案如下：

方案1：使用内置全屏布局参数 #

直接在format的html选项中设置page-layout: full，这会取消Quarto默认的居中固定宽度限制，让内容自适应窗口宽度。修改后的完整文档代码如下：

---
title: "Test"
format: 
  html:
    page-layout: full
editor: visual
---

## Quarto

| Col1 | Col2 | Col3 | Col4 | Col5 | Col6 | Col7 | Col8 | Col9 | Col10 | Col1 | Col2 | Col3 | Col4 | Col5 | Col6 | Col7 | Col8 | Col9 | Col10 | Col1 | Col2
|------|------|------|------|------|------|------|------|------|------|------|------|------|------|------|------|------|------|------|------|------|------
| bal  | bal  | bal  | bal  | bal  | bal  | bal  | bal  | bal  | bla  | bal  | bal  | bla  | bal  | bal  | bla  | bal | bal  | bla  | bla  | bla  | bla    
| blo  | blo  | blo  | blo  | blo  | blo  | blo  | blo  | blo  | blo  | blo  | blo  | blo  | blo  | blo  | blo  | blo | bal  | bla  | bla  | bla  | bla     
| bli  | bli  | bli  | bli  | bli  | bli  | bli  | bli  | bli  | bli  | bli  | bli  | bli  | bli  | bli  | bli  | bli | bal  | bla  | bla  | bla  | bla   

方案2：自定义CSS强制宽幅（针对rpubs样式覆盖情况） #

如果rpubs的默认样式覆盖了Quarto的设置，可添加自定义CSS来强制容器宽度：

1. 在文档同目录下创建custom.css文件，内容如下：

.container {
  max-width: 100% !important;
  padding-left: 1rem;
  padding-right: 1rem;
}

2. 在YAML中引入该CSS文件：

---
title: "Test"
format: 
  html:
    css: custom.css
editor: visual
---

说明 #

Quarto默认HTML格式采用居中布局，会限制内容最大宽度（通常约960px），page-layout: full参数直接禁用该限制，让内容撑满窗口。若遇到rpubs平台样式干扰，自定义CSS的!important声明可确保样式优先级更高，强制生效。

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