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

Question

我在响应式网站中显示数学表达式时遇到了一个大问题。特别是，如果您使用智能手机访问此页面，您会看到由于响应式设计，大部分数学表达式都被截断了。我正在使用 Joomla 和Jextbox 方程插件来显示它们。

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

Answer 1

来自激活 MathJax 换行的文档：

\n\n

\n

HTML-CSS 和 SVG 输出处理器实现（大部分）MathML3 >自动换行规范。（NativeMML 输出处理器依赖于浏览器\xe2\x80\x99s 原生 MathML 支持来处理使用时的换行。）由于换行需要额外的处理，因此会减慢数学输出的速度，因此默认情况下处于关闭状态，但你可以通过添加来启用它

\n

\n\n

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

\n\n

\n

到您的页面加载 MathJax.js 本身的标记之前。

\n

\n\n

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

\n\n

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

\n\n

PS：就其价值而言，我们实际上正在研究数学的语义启发式方法，以做比换行更好的事情，但这是正在进行的研发，没有预计到达时间。

\n