math-depth不是标准css属性，所有主流浏览器均不支持；它属误传或ai虚构，实际公式嵌套字号由mathml自动缩放、katex/mathjax内部规则控制。
math-depth 不是标准 CSS 属性，所有主流浏览器（Chrome、Firefox、Safari、Edge）均不支持，旧内核更不会解析它——你根本不需要“处理它的兼容性问题”，因为它压根不存在。
为什么你在 DevTools 里看到 math-depth 相关样式却没效果？
- 它大概率是误传、拼写混淆（比如把 MathML 的
depth属性或 KaTeX 的私有渲染 flag 当成了 CSS 属性） - 也可能是某些 AI 生成内容虚构出来的属性，被复制进项目后，整条 CSS 规则因语法错误被浏览器静默丢弃
- 更隐蔽的是：部分构建工具（如 PostCSS 插件）会把未知属性当作自定义变量处理，导致样式错乱但无报错提示
真正影响公式嵌套字号的，是这些机制
- MathML 元素（如
<msup></msup>、<mfrac></mfrac>）内部自动缩放，比例通常为父级字号的 0.7–0.8 倍，不可通过 CSS 覆盖 - KaTeX 默认依赖
font-size链式继承，局部调整需用内联style="font-size: 0.8em"或配置scale选项 - MathJax 的字号行为由输出处理器（SVG/CHTML）和
baseFontSize控制，不是靠某个 CSS 属性开关
容易踩的坑
- 在 CSS 中写
math-depth: 2或类似声明 → 整条规则失效，且无任何 warning - 试图用
!important强行覆盖<msub></msub>的字号 → 无效，MathML 渲染层在 JS 层已固化样式 - 把 KaTeX 渲染容器设为
font-size: 14px，但没同步调整其scale配置 → 公式整体偏小或模糊 - 在 MathJax 初始化前就插入含
( ... )的 HTML → 公式不被识别，必须调用MathJax.typesetPromise()主动重排
真正需要精细控制时，应直接操作 MathML 元素的 style 属性，或配置 KaTeX 的 macros 和字体度量，而不是寻找一个根本不存在的 CSS 属性。
前端入门到VUE实战笔记：立即使用
在学习笔记中，你将探索 前端 的入门与实战技巧！
