- sidebar | workspace 拖拽条:调整侧栏宽(180-500px) - editor | preview 拖拽条:调整源码/预览比例(15%-85%) - CSS var --sidebar-w / --editor-fr / --preview-fr 驱动 grid-template-columns - 鼠标 down 开始 drag,move 实时算 px/dx,up 落盘 localStorage - 移动端(<768px)自动隐藏拖拽条,回到 100% 切 tab 模式