如何在Quarto中让图片宽度超过正文栏宽度？

问题说明 #

按照Quarto官方文档的说明，为代码块设置column: screen后，生成的图片应该占满屏幕宽度，但实际效果是图片仅显示在屏幕左侧区域。尝试添加#| layout-ncol: 1参数也无法解决这个问题，需要找到让图片铺满屏幕宽度的方法。

当前使用的代码示例：

---
title: "Test"
format: html
---

```{r}
#| column: screen
plot(pressure)

## 可行解决方案
- **指定图片尺寸参数**：在代码块中添加`fig-width`参数，配合`column: screen`使用，通过强制设置图片宽度让其适配屏幕。数值可根据实际需求调整，示例代码：
```r
```{r}
#| column: screen
#| fig-width: 12
plot(pressure)

- **设置页面全局布局为全屏**：在YAML头部的HTML格式配置中添加`page-layout: full`，让整个页面内容默认使用全屏宽度，图片会随之铺满屏幕，示例：
```yaml
---
title: "Test"
format: 
  html:
    page-layout: full
---

• 自定义CSS强制调整宽度：如果前两种方法无效，可以通过自定义CSS样式强制修改图片容器的宽度。先在YAML中引入CSS文件：

---
title: "Test"
format: 
  html:
    css: styles.css
---

然后在同目录下创建styles.css文件，添加以下样式代码：

.quarto-figure {
  width: 100% !important;
}

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