Html 使用mobile时，MathJax方程不适合窗口的宽度

在我的博客帖子（与雨果合编）中，我有
当在计算机屏幕上使用浏览器时，这一部分的数学方程式很好地显示出来，然而，当我在手机上看到这个方程时，方程式在中间被剪切，没有滚动选项。p> 我想在移动设备上访问时只调整这些公式的大小以适应窗口，或者在需要时添加滚动选项。我怎样才能做到这一点

我用降价来写我的帖子。我尝试了很多方法，包括将以下代码添加到我的标记文件：

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

MathJax.Hub.Config({
“HTML-CSS”：{linebreaks:{automatic:true}
})

---

但它不起作用。

有问题的方程式是表格环境，表格不能换行

要获得滚动，您可以将以下CSS添加到页面中

.MathJax_Display, .MJXc-display, .MathJax_SVG_Display {
    overflow-x: auto;
    overflow-y: hidden;
}

---

顺便说一句，该页面使用的是MathJax的一个古老版本，不再得到更新。

有问题的公式是表格环境，表格不能换行

要获得滚动，您可以将以下CSS添加到页面中

.MathJax_Display, .MJXc-display, .MathJax_SVG_Display {
    overflow-x: auto;
    overflow-y: hidden;
}

---

顺便说一下，该页面使用的是MathJax的一个古老版本，并且不再获得更新。

真的吗？最新的链接是什么？请参阅。这个答案可以通过解释样式化的类是什么以及注意任何特定于版本的信息来改进。我把它添加到我的CSS中，但没有看到任何效果。我还尝试用

window.MathJax={style:{.MathJax_Display:{“overflow-x”：“auto”，“overflow-y”：“hidden”}，.MJXc Display:{“overflow-x”：“auto”，“overflow-y”：“hidden”，}，.MathJax_SVG_Display:{“overflow-x”：“auto”，“overflow-y”：“hidden”，}无效。@randy这个答案包括CSS代码，而不是JS。将代码放入页面上的样式标记中。至于版本，这些类是针对MathJax v2的，这是问题（隐式）引用的。对于MathJax v3，您将使用
mjx容器[display=“true”]
作为选择器（它们在v3中使用自定义元素）。真的吗？最新的链接是什么？请参阅。这个答案可以通过解释样式化的类是什么以及注意任何特定于版本的信息来改进。我把它添加到我的CSS中，但没有看到任何效果。我还尝试用
window.MathJax={style:{.MathJax_Display:{“overflow-x”：“auto”，“overflow-y”：“hidden”}，.MJXc Display:{“overflow-x”：“auto”，“overflow-y”：“hidden”，}，.MathJax_SVG_Display:{“overflow-x”：“auto”，“overflow-y”：“hidden”，}无效。@randy这个答案包括CSS代码，而不是JS。将代码放入页面上的样式标记中。至于版本，这些类是针对MathJax v2的，这是问题（隐式）引用的。对于MathJax v3，您将使用
mjx容器[display=“true”]
作为选择器（它们在v3中使用自定义元素）。