布局与高度

包侧内建的是一组偏保守的最小高度默认值，放进文档站以后，横向流程图往往还是会显得太扁

优先级

高度决策顺序如下

更稳妥的做法是先给插件一个回退值，再用站点级 CSS 变量抬高默认高度，最后把行内参数留给少数特殊图表

md.use(markdownItMermaidEnhanced, {
  minHeight: '160px',
})

css

.VPDoc {
  --mermaid-it-min-height: 220px;
}

这样不需要替换整份 styles.css，也能在不同层级按需调整

VitePress 可以用 pageClass 为单页单独放大默认高度

---
pageClass: mermaid-roomy
---

css

.mermaid-roomy {
  --mermaid-it-min-height: 280px;
}

某一张图需要更高的展示空间时，直接在 fence 行内写 min-height 即可

```mermaid min-height="320px"
flowchart LR
  A --> B
```

flowchart LR
  Input["原始小图"] --> Layout["文档布局"]
  Layout --> Height["行内 > CSS 变量 > 插件 > 默认"]
  Height --> Result["阅读体验更稳定"]

Loading diagram…