浏览器原生mathml支持差，chrome/edge基本不渲染，firefox较优但仍有缺陷；推荐用katex（轻快）或mathjax（功能全），注意渲染路径、容器隔离与css基线控制。
HTML里直接写<math></math>标签为什么没反应
浏览器默认不渲染<math></math>，不是你写错了，是多数浏览器（尤其Chrome、Edge）对原生MathML支持极弱或需手动开启。Firefox相对好些，但依然有兼容断层。别急着查文档，先确认你的目标用户用什么浏览器——如果要覆盖Chrome用户，<math></math>基本等于摆设。
- Firefox 90+ 支持较完整，但
<mfrac></mfrac>嵌套过深可能错位 - Chrome 117+ 仅部分支持
<mi></mi><mn></mn><mo></mo>，<mtable></mtable>直接忽略 - 所有主流浏览器都不支持
display="block"属性，块级公式必须靠CSS包裹<div>模拟 <h3>用<code>MathJax还是KaTeX？看加载和语法习惯MathJax功能全、兼容老公式，但体积大（~300KB）、渲染慢、会阻塞页面；KaTeX快（毫秒级）、轻量（~30KB），但不支持某些LaTeX宏（比如\cancel或自定义命令），且对空格和换行更敏感。
使用HTML,CSS,JavaScript开发Android应用程序 英文文字pdf版附源文件下载如果你了解HTML，CSS和JavaScript，您已经拥有所需的工具开发Android应用程序。本动手本书展示了如何使用这些开源web标准设计和建造，可适应任何Android设备的应用程序 - 无需使用Java。您将学习如何创建一个在您选择的平台的Android友好的网络应用程序，然后转换与自由PhoneGap框架到一个原生的Android应用程序。了解为什么设备无关的移动应用是未来的潮流，并开始构建应用程序，提供更
- 如果你的公式来自用户输入（如评论区、编辑器），选
KaTeX——它校验严格，能提前暴露$a + b$漏了反斜杠的问题 - 如果已有大量
.tex文件或依赖amsmath环境（\begin{align}），MathJax更省心 - 注意：
KaTeX默认不解析$$...$$块级语法，得显式配置delimiters: [{left: '$$', right: '$$', display: true}]
innerHTML里插入KaTeX公式为什么乱码或报错核心问题：KaTeX编译后返回的是纯HTML字符串，但若你把它塞进
innerHTML再调用katex.render，等于对已渲染过的DOM二次处理，必然出错。正确路径是「先准备原始LaTeX字符串 → 调用katex.render→ 把结果塞进容器」。- 错误写法：
el.innerHTML = '$$E=mc^2$$'; katex.render(el.innerHTML, el);——innerHTML此时已是转义后的文本，不是原始LaTeX - 正确写法：
katex.render('E=mc^2', el, {displayMode: true});，el必须是空容器（如<span></span>） - 动态渲染多个公式时，别复用同一个
el，每个公式配独立容器，否则样式叠加错乱
CSS怎么控制公式大小和对齐，又不破坏
line-height公式默认按
font-size缩放，但直接改父元素font-size会导致行高崩坏（尤其内联公式）。安全做法是只给.katex类设font-size，并用vertical-align微调基线。- 推荐CSS：
.katex { font-size: 1.2em; vertical-align: -0.15em; }，-0.15em是经验值，适配多数行高 - 避免用
transform: scale()——它会模糊文字，且影响getBoundingClientRect()计算 - 块级公式居中用
text-align: center即可，别套margin: auto，<div>本身已块级 数学公式在HTML里从来不是“插进去就完事”，关键在渲染时机、容器隔离和字体基线控制。最容易被跳过的，是每次插入前清空目标容器这个动作——少这一步，旧公式残留DOM，新旧混排，连<code>displayMode都救不回来。
- 如果你的公式来自用户输入（如评论区、编辑器），选
