如何在Docusaurus V3中增大内容列宽度？

操作步骤： #

1. 打开项目内的 src/css/custom.css 文件（若文件不存在，直接创建该路径及文件即可）。
2. 将以下CSS代码添加到文件中：

/* 大屏幕设备（≥1200px）：设置文档内容列最大宽度为990px，与官方文档一致 */
@media (min-width: 1200px) {
  .theme-doc-markdown-container {
    max-width: 990px;
    margin: 0 auto;
  }
}

/* 移动端及小屏幕设备：确保内容自适应屏幕，保留默认内边距 */
@media (max-width: 1199px) {
  .theme-doc-markdown-container {
    max-width: 100%;
    padding-left: var(--ifm-spacing-horizontal);
    padding-right: var(--ifm-spacing-horizontal);
  }
}

补充说明： #

• 如果上述代码不生效，可尝试替换目标选择器为 .container，部分布局下内容的上层容器为该类：

@media (min-width: 1200px) {
  .container {
    max-width: 990px;
  }
}

• 代码中的媒体查询断点（1200px）与Docusaurus默认的大屏断点一致，确保适配逻辑和框架原生行为对齐。

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