VSCodeMarkdown预览布局缩放与视图同步快捷键的呈现逻辑-VSCode-PHP中文网

ctrl+滚轮在markdown预览中无效，因预览由webview渲染且需单独聚焦与配置：必须开启markdown.preview.scrolleditorwithpreview和scrollpreviewwitheditor，确保预览窗口获得焦点，并使用ctrl+=/-或ctrl+0缩放。

vscodemarkdown预览布局缩放与视图同步快捷键的呈现逻辑

默认情况下，Ctrl+鼠标滚轮缩放只作用于主编辑器字体，对 Markdown 预览无效——这是两个独立的缩放上下文。预览区域由 WebView 渲染，其缩放需单独启用。

必须确保以下配置项为 true：

editor.mouseWheelZoom：控制主编辑器字体缩放（不影响预览）
markdown.preview.scrollEditorWithPreview 和 markdown.preview.scrollPreviewWithEditor：这两个必须同时开启，否则预览面板根本不会响应滚动事件，更别说缩放了
editor.accessibilitySupport 设为 "auto" 或 "on"，否则部分缩放手势被禁用

常见错误：在设置 UI 里只开了 scrollPreviewWithEditor，却没翻页找到另一个选项；或者用了 Markdown: Open Preview（单标签页命令），它不触发双栏同步逻辑，自然也不支持预览内缩放。

Markdown 预览的缩放不是靠改字体大小，而是通过 WebView 的 CSS transform: scale() 实现的，所以行为和主编辑器不同。

有效操作包括：

Ctrl+= / Ctrl+-：对当前预览 WebView 整体缩放，粒度固定（约 20% 每级）
Ctrl+0：重置 WebView 缩放至 zoomLevel 配置值（如 "markdown.preview.zoomLevel": 1.2）
鼠标滚轮 + Ctrl：仅在预览面板获得焦点时有效（点击预览区任意位置再滚）
触摸板双指缩放：macOS / Windows 触控设备原生支持，无需额外配置

注意：Ctrl+滚轮在预览里失效的最常见原因是：预览窗口没聚焦（焦点还在编辑器），或你正处在非 WebView 预览模式（比如打开了纯文本 .md 文件而非预览标签页）。

Web fetch markdown of page

通过 jina.ai 将网页抓取为精简的 markdown，用于在需要获取 URL 并获取压缩的 markdown 内容以节省 token。触发词 l...

下载

缩放会改变预览内容的实际渲染尺寸，但 VSCode 原生预览的滚动同步机制基于 DOM 元素高度映射，一旦缩放，原始行高与预览 DOM 高度不再匹配，导致跳转偏移。

这不是 bug，而是设计限制。解决方案只有两个：

如果你看到预览滚动条“卡顿”或光标跳到错行，大概率是缩放后未重置就尝试同步滚动——原生预览不维护缩放态下的坐标映射表。

预览缩放（WebView）和 PDF 导出（Puppeteer 渲染）完全独立。你在预览里调到 150%，导出的 PDF 还是按原始尺寸生成。

要统一视觉比例，必须靠 CSS 控制：

在 style.less（MPE 自定义样式）中写：@media print { img { width: 80% !important; } }
不要依赖 markdown.preview.zoomLevel，它只影响屏幕预览，对 PDF 无任何作用
导出前务必用 Chrome (Puppeteer) 引擎，其他引擎（如 wkhtmltopdf）不支持 @media print 中的 !important 覆盖

容易忽略的一点：PDF 导出时，width 是相对于页面宽度的百分比，不是相对于预览容器——所以 65% 在屏幕上合适，在 PDF 里可能太小，得手动试到 80%~95% 才接近预览观感。