Ios 用于web、移动和辅助的MathJax配置

输入：

MathJax输出，为清晰起见缩短并格式化：

MathJax.Hub.Config({
  jax: ["input/TeX", "output/HTML-CSS"],
  extensions: ["tex2jax.js"],
  messageStyle: "none",
  TeX: {
    extensions: ["AMSmath.js", "AMSsymbols.js", "noErrors.js", "noUndefined.js"]
  }
});

---

部分答案是把下面的CSS放进去。请注意，这是特定于我的iOS/droid脱机场景的。对于那些有不同场景的人，它可能不适用。此外，有些事情的结果非常糟糕。我对它不太满意

span.MJX_Assistive_MathML {
    position:absolute!important;
    clip: rect(1px, 1px, 1px, 1px);
    padding: 1px 0 0 0!important;
    border: 0!important;
    height: 1px!important;
    width: 1px!important;
    overflow: hidden!important;
    display:block!important;
}

---

您没有显示加载MathJax的命令（以及其中指定的配置文件——我假设您正在使用一个，因为您自己没有加载AssistiveMML扩展名）。应该已经有适当的样式，使辅助版本不显示。也许你的页面CSS正在破坏这一点。您可以制作一个JSFIDLE或codebin示例来展示这个问题吗？此外，“关联问题”并非如此，因为这是在ASTIVIEMML出现之前很久的问题。这可能是CSS问题。对不起，我不知道如何公开小提琴。正在努力，好的，明白了。三个版本的小提琴，不同数量的css，链接如下。他们三个都有同样的问题。所有这些实际上都不包括MathJax本身（只有它的输出）。一般来说，这是不够的，因为这与程序的工作方式不同，这是我们需要看到的，而不是输出。在这种特殊情况下，您得到两个副本的原因是，您列出的CSS不包括由AssistiveMML扩展添加的CSS（它隐藏MathML）。（你的前两个小提琴坏了，因为连css文件都找不到。）如果你包含了由AssistiveMML插入的css，那么它对我来说是正确的。@DavideCervone，试图按照你的css建议去做，据我所知，这显然不是很好。请参阅上面我的进一步编辑。

<p>
  <ins class="marked-for-jax">
    <span class="MathJax_Preview" style="color: inherit;"></span>
    <div class="MathJax_Display" style="text-align: center;">
      <span class="MathJax" id="MathJax-Element-2-Frame" tabindex="0" data-mathml="[mathML data here]" role="presentation" style="position: relative;">
        <nobr aria-hidden="true"><span class="math" id="MathJax-Span-12" role="math" style="width: 14.517em; display: inline-block;"><!--lots of nested spans here--></nobr>
        <span class="MJX_Assistive_MathML MJX_Assistive_MathML_Block" role="presentation"><!--lots of mathML here--></span>
      </span>
    </div>
    <script <!--does not impact any output. Why is it even there at all?--> type="math/tex; mode=display" id="MathJax-Element-2">1 + 2 + 3 + \ldots + n = \frac{n(n+1)}2.</script>
  </ins>
</p>

span.MJX_Assistive_MathML {
    position:absolute!important;
    clip: rect(1px, 1px, 1px, 1px);
    padding: 1px 0 0 0!important;
    border: 0!important;
    height: 1px!important;
    width: 1px!important;
    overflow: hidden!important;
    display:block!important;
}

[aria-hidden="true"] { display: none; }