开工前，先把Cursor的编辑器字号基准锁定为14px，接着借助CSS变量统一管控标题与正文的缩放体系（h1设为1.8em、h2设为1.5em、正文保持1em）。还有一个容易被忽略的陷阱——导出前务必把视图缩放复位到100%，否则前面调得再精准，导出后全功尽弃。

下面按步骤拆解整个流程。

确认当前编辑器字体基准值

进入Cursor设置界面（Windows/Linux快捷键 Ctrl + ,，Mac是 Cmd + ,），搜索“editor.fontSize”。关键要求：该字段必须显式填写一个具体数值，比如【14】。不能留空，也不能依赖系统默认值——留空会导致所有依赖相对单位（em/rem）计算的尺寸全部偏移，标题缩放完全脱离预期。

如果当前未设置，手动输入14后直接回车保存。这一步是整个比例控制的基石——跳过它，后续CSS调校基本无效。

用CSS变量统一控制标题与正文比例

在项目根目录下新建一个styles.css文件，将以下代码粘贴进去：

html { --base-font-size: 14px; }
body { font-size: var(--base-font-size); }
h1 { font-size: 1.8em; margin-bottom: 1.2em; }
h2 { font-size: 1.5em; margin-bottom: 1em; }
p, li { font-size: 1em; line-height: 1.6; }

这段代码的逻辑清晰：所有标题的字号都以body字号（14px）为基准按倍数计算。h1为1.8倍，即25.2px；h2为1.5倍，即21px；正文保持14px；行高设为1.6，确保正文段落阅读节奏舒适。比例一旦固定，就不会因编辑器的缩放浮动而产生偏移。

需要特别强调：这个CSS文件必须引入到最终导出HTML文档的中，否则Cursor生成的Markdown转HTML过程不会自动套用这些样式。这一步很多人遗漏，导致导出后标题依然失控。

让AI按比例生成结构化回滚步骤

在Cursor Chat中输入提示词时，别只说“标题大一点”，而是要把字号比例需求转化为AI能理解的结构标记+数值指令。以下两种做法可行：

方法一：直接指定HTML结构
提示词示例：“请生成一份发布回滚步骤文档，严格使用以下HTML结构：一级标题用

，二级标题用

，每步操作用

1. ，所有文字内容不加内联style。标题字号必须符合CSS变量规则：h1=1.8em，h2=1.5em，正文=1em。”

   方法二：用注释引导AI理解比例意图
   提示词示例：“生成回滚步骤时，请在每段前加注释说明字号比例关系，例如：

   回滚准备

   。这样后续套用CSS时尺寸能精准对应。”

   关键在于把笼统的视觉描述变成AI可执行的精确约束——不让它自由发挥，避免h1和p使用相同字号。

   导出前强制重设视图缩放为100%

   前面几步都到位后，还有一个高频但隐藏很深的坑：导出前，编辑器的视图缩放比例。
   第一步：按下 Ctrl + 0（Windows/Linux）或 Cmd + 0（Mac），将当前视图缩放重置为100%。
   第二步：检查右下角的缩放滑块，确认显示的是“100%”。
   第三步：再执行导出操作（例如Export to HTML）。

   如果导出前视图缩放不是100%，Cursor会误将当前缩放状态当作字体基准值，生成的HTML中字体尺寸就会被错误地放大或缩小。这是导致比例偏移最隐蔽、最高频的根源，但很多人从未留意。

   来源：互联网