使用移动设备时 MathJax 方程不适合窗口宽度

在我的博客文章（用 Hugo 编译）中我有本节 https://oren0e.github.io/2020/04/27/mab_thompson/#mathematical-proof-for-beta-distribution-being-conjugate-prior-to-bernoulli-outcome
当在计算机屏幕上使用浏览器时，本节中的数学方程可以很好地呈现，但是，当我在移动设备上查看时，方程被从中间切掉，没有滚动选项。

我想仅调整这些方程的大小以适应在移动设备上访问时的窗口，或者在需要时添加滚动选项。我怎样才能做到这一点？

我正在使用 Markdown 来写我的帖子。我尝试了很多方法，包括将此代码添加到我的 markdown 文件中：

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

但这没有用。

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

要实现滚动，您可以将以下 CSS 添加到您的页面。

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

顺便说一下，该页面使用的是 MathJax 的古老版本——cdn.mathjax.org 已于 3 年前被有效关闭 https://www.mathjax.org/cdn-shutting-down/并且不再获得更新。