如何缩小RMarkdown HTML输出页面宽度？

你之前的问题出在设置的max-width: 1800px是加宽页面，而非缩小。要实现缩小效果，只需调整数值并确保样式能覆盖主题默认设置，具体操作如下：

核心解决方法 #

在你的RMarkdown文档YAML块之后，添加以下CSS代码，将主内容容器的最大宽度设为你想要的数值（比如800px，可根据需求调整）：

<style type="text/css">
.main-container {
  max-width: 800px !important;
  margin-left: auto;
  margin-right: auto;
}
</style>

关键说明： #

• !important用来强制覆盖lumen主题自带的默认宽度样式，避免主题样式优先级更高导致你的设置不生效。
• 若觉得侧边浮动目录和主内容的比例不协调，可额外添加以下代码调整对应宽度：

.toc-content {
  max-width: calc(100% - 220px) !important;
}

完整示例代码 #

把CSS整合到你的文档里，最终代码如下：

---
title: "Project"
author: "Name"
output:
  html_document:
    toc: true
    toc_float: true
    theme: lumen 
    highlight: textmate
    code_folding: hide
editor_options: 
  chunk_output_type: inline
  markdown: 
    wrap: 72
date: "`r Sys.Date()`"
---

<style type="text/css">
.main-container {
  max-width: 800px !important;
  margin-left: auto;
  margin-right: auto;
}

/* 可选：调整主内容与浮动目录的宽度比例 */
.toc-content {
  max-width: calc(100% - 220px) !important;
}
</style>

# 你的内容开始
这里写你的文档内容...

另外注意：RMarkdown里html_document的width参数是给PDF输出用的，对HTML无效，无需在这个参数上浪费时间。

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