VSCode弹窗缩放需分三类配置:全局用window.zoomLevel,补全框用editor.suggestFontSize/LineHeight,hover与参数提示需自定义CSS;其他设置无效。

VSCode 的弹窗(IntelliSense 补全、hover 提示、参数提示等)没有独立的“缩放比例”开关,它不响应 editor.fontSize,也不能用鼠标拖拽调整尺寸——真正起效的只有三类控制路径:全局 UI 缩放、建议面板专用配置、自定义 CSS 注入。选错地方,改一百遍都没用。
改 window.zoomLevel 是最稳的全局方案
所有弹窗(包括补全列表、hover 文档、参数提示)都属于工作台 UI,统一受 window.zoomLevel 控制。这不是“字体缩放”,而是整个 UI 的渲染级缩放。
- 值为数字,
0= 100%,每 ±1 ≈ ±20% 缩放;支持小数(如0.5),但非整数易导致文字发虚 - 修改后立即生效,无需重启;快捷键
Ctrl + =/Ctrl + -或Ctrl + 鼠标滚轮可实时调节 - 注意:它同时放大菜单栏、侧边栏、状态栏和图标,不是“只调弹窗”。如果只想调代码字体,该配
editor.fontSize,二者别混 - 多显示器 DPI 不同时,
window.zoomLevel是全局值,无法自动切换;建议设为0,交由系统 DPI 缩放统一管理
editor.suggestFontSize 和 editor.suggestLineHeight 才管补全框本身
如果你只想让 IntelliSense 补全列表变大/变紧凑,而不是连带放大整个 UI,这两个配置才是正解。它们只作用于补全面板,不影响 hover 或参数提示。
-
editor.suggestFontSize默认为0(继承编辑器字体),设为14才真正生效 -
editor.suggestLineHeight默认也是0(自动计算),设为24或26可拉开行距,缓解密集压迫感 - 必须写入
settings.json才稳定;设置界面里改容易被插件或工作区配置覆盖 - 某些插件(如 TabNine、IntelliSense for Python)会接管面板渲染,此时这两个配置完全无效
hover 和参数提示只能靠自定义 CSS
VSCode 官方至今没提供 editor.hover.fontSize 或 editor.parameterHintsFontSize 这类配置项。想调 .hover-flyout 或 .parameter-hints 的字号,唯一办法是注入 CSS。
- 路径:
%APPDATA%\Code\User\styles.css(Windows)、$HOME/Library/Application Support/Code/User/styles.css(macOS)等 - 关键选择器示例:
.monaco-editor .hover-flyout, .monaco-editor .parameter-hints { font-size: 14px !important; line-height: 1.5 !important; } - 风险明确:VSCode 更新可能变更类名,导致样式失效;插件如
vscode-custom-css已被标记为不兼容新版本;macOS 启用 GPU 渲染时,max-height可能被忽略 - 建议只临时加一条
font-size测试效果,有滚动条比强行撑满更可靠
最容易被忽略的是:补全面板高度其实还隐式受限于 editor.suggest.maxVisibleSuggestions(默认 12 条)和屏幕高度的 60% 上限。即使把字体和行高调得再大,超过这个限制也不会继续拉长,只会触发滚动条——这时候该检查是不是误启了高对比度主题,或者用了硬编码最小高度的第三方主题。


















