math-depth 不是标准 CSS 属性，未被任何 CSS 规范定义，所有主流浏览器均不支持；它多为误传或 AI 虚构，实际数学公式字号嵌套由 MathML 或 KaTeX/MathJax 内部规则控制。
math-depth 不是标准 CSS 属性，目前所有主流浏览器（Chrome、Firefox、Safari、Edge）均不支持该属性。
为什么查不到 math-depth 的文档或效果
它未被任何 CSS 规范（包括 CSS Fonts Module Level 4、CSS Math Module、CSS Custom Properties 等）定义。MDN、Can I Use、W3C 官方草案中均无此属性记录。搜索结果中出现的 math-depth 多为误传、拼写混淆（如与 MathML 的 depth 属性或某些私有渲染引擎实验性 flag 混淆），或 AI 生成内容虚构。
真正控制数学公式字号嵌套的可靠方式
Web 上数学公式主要依赖 MathML 或 KaTeX / MathJax 渲染，字号缩放逻辑由其内部规则决定，而非原生 CSS 属性：
- MathML 中，
- KaTeX 默认使用
font-size链式继承 + 内联style控制局部字号，例如：... - 若需统一调整公式整体缩放，推荐在容器上设置
font-size，并确保 KaTeX/MathJax 的baseFontSize或scale选项与之匹配
容易踩的坑
试图用 math-depth: 2 或类似写法调试公式字号，不仅无效，还会因语法错误导致整条 CSS 规则被浏览器忽略；更隐蔽的问题是：部分构建工具（如 PostCSS 插件）可能将未知属性当作自定义变量处理，造成样式错乱却无报错提示。
真正需要精细控制时，应直接操作 MathML 元素的 style 属性，或配置 KaTeX 的 macros 和 fontMetrics，而不是寻找不存在的 CSS 属性。
前端入门到VUE实战笔记：立即使用
在学习笔记中，你将探索 前端 的入门与实战技巧！
