vs code 分屏时只调宽左/右侧面板需将 workbench.editor.splitsizing 设为 fixed,拖动分隔线仅改变被拖侧像素宽度,另一侧保持不变;该设置对水平分屏生效,不影响垂直分屏。

VS Code 分屏时怎么只调宽左/右侧面板
直接拖动分屏中间的竖线就能单独调整某侧宽度,但默认行为是“对称缩放”——你拉左边,右边也跟着变。要只改一侧,得先禁用 workbench.editor.splitSizing 的默认策略。
常见错误现象:拖拽分隔线时两侧同时缩放,无法固定一侧宽度;本质是 VS Code 默认启用「相对缩放」,而非「绝对尺寸锁定」。
- 打开设置(
Ctrl+,或Cmd+,),搜索splitSizing - 把
workbench.editor.splitSizing从relative改成fixed - 重启编辑器或重载窗口(
Ctrl+Shift+P→Developer: Reload Window)
改完之后,拖动分隔线就只影响被拖的那一侧,另一侧保持像素级宽度不变。注意:该设置对所有水平分屏生效,不影响垂直分屏(即上下分屏仍按原逻辑)。
为什么 fixed 模式下左侧缩小时右侧不自动撑满
因为 fixed 模式下,VS Code 把每侧宽度存为绝对像素值(比如左侧 600px,右侧 800px),而不是比例(如 40% / 60%)。所以你缩小左侧,右侧不会“补位”,而是维持原宽,多余空间变成空白(或触发滚动条)。
使用场景:适合多显示器、固定布局工作流,比如左侧放代码、右侧固定宽度放终端或调试控制台。
本文档主要讲述的是iOS界面设计尺寸规范;在最新的iOS7的风格中,苹果已经开始慢慢弱化状态栏的存在,将状态栏和导航栏合在了一起,但是再怎么变,尺寸高度也还是没有变的,只不过大家在设计iOS7风格的界面的时候多多注意下。感兴趣的朋友可以过来看看
- 若想恢复“总宽度恒定”,只能手动拖回,或切回
relative模式 -
fixed模式下,窗口缩放时各面板不会自适应,可能需手动微调 - 该行为在 VS Code 1.85+ 稳定,旧版本可能无此选项
用命令行或快捷键快速切换分屏宽度
没有内置命令直接“设左侧为 700px”,但可以组合操作快速逼近目标宽度:
- 先用鼠标粗调到大致位置
- 按住
Alt(Windows/Linux)或Option(macOS),再拖分隔线 → 步进更精细(约 1px 级别) - 如果已知常用尺寸,可用扩展如
Custom CSS and JS Loader注入样式强制设定,但会绕过官方布局系统,不推荐日常使用
注意:Alt+拖拽 是唯一被官方文档隐式支持的微调方式,无需安装插件,但仅限当前会话有效——关窗重开后仍按上次像素值恢复。
容易被忽略的兼容性细节
某些扩展(尤其是 UI 增强类,如 Peacock、TabNine)会在分屏渲染时劫持尺寸计算,导致 fixed 模式失效或出现错位。
- 若改完设置没效果,先禁用所有扩展,再逐个开启排查
- 远程开发(SSH/WSL)中,
fixed模式行为一致,但高 DPI 屏幕下像素值可能被缩放干扰 - 最小化/全屏切换后,部分版本会临时重置为
relative,需手动再切一次
真正起作用的是配置项本身,不是 UI 拖拽动作——哪怕你拖得再准,只要 splitSizing 还是 relative,就永远做不到单侧锁定。









