joomla - 如何使用 mathjax 响应式制作公式

Question

我在响应式网站中显示数学表达式时遇到了一个大问题。
特别是，如果您访问 this page使用智能手机，您可以看到由于响应式设计，大部分数学表达式都被截断了。我正在使用 Joomla 和 Jextbox Equation plugin用于显示它们。

我希望我页面上的公式表现得像 this one on Wikipedia .如果您在智能手机中打开此页面，您可以看到，公式太长的地方并没有被截断。如果您从左向右滚动，则会显示它们。我想在我的页面中做同样的事情。

Answer 1

来自 the documentation关于激活 MathJax 的换行:

The HTML-CSS and SVG output processors implement (most of) the MathML3 >automatic line-breaking specification. (The NativeMML output processor relies on the browser’s native MathML support to handle line breaking when it is used.) Since line-breaking takes extra processing and so can slow down the mathematical output, it is off by default, but you can enable it by adding

<script type="text/x-mathjax-config">
MathJax.Hub.Config({
 "HTML-CSS": { linebreaks: { automatic: true } },
         SVG: { linebreaks: { automatic: true } }
});
</script>

to your page just before the tag that loads MathJax.js itself.

但是，在您的示例中，有很多表格数学，即使用 <mtables> 进行布局(尽管使用 TeX 作为输入的人通常不知道，MathJax 在内部将所有输入转换为 MathML)。

问题是:mtables 不能真正断行，就像 html 表不能断行一样——响应式表需要一些 JS 帮助，更重要的是，额外的语义标记。

PS:就其值(value)而言，我们实际上正在研究数学的语义启发式，以做一些比换行更好的事情，但这是正在进行的研发，没有 ETA。