Изменение размера Mathjax на мобильных устройствах

Я надеюсь, что это простое решение подойдет вам:

Просто добавьте overflow-x: scroll; к стилю div, содержащему формулу MathJax. Это сделает ваше уравнение MathJax прокручиваемым и предотвратит выход уравнения за пределы допустимого диапазона.

В вашем примере это div с id="std-body-box-2864" style="color:#000000; border-top-color: #56b5ff; border-left-color: #56b5ff; border-right-color: #56b5ff; border-bottom-color: #56b5ff; background-color: #ffffff;".

Добавьте overflow-x: scroll; в конце тега стиля:
style="color:#000000; border-top-color: #56b5ff; border-left-color: #56b5ff; border-right-color: #56b5ff; border-bottom-color: #56b5ff; background-color: #ffffff; overflow-x: scroll;".
Это добавит прокрутку внизу блока. Уравнение MathJax останется в поле "Специальные углы".
Предварительный просмотр:

На самом деле решений может быть много (в том числе умных с использованием jQuery), вы можете найти подходящее, погуглив "отзывчивые таблицы в html". MathJax использует <span>, на самом деле это не таблицы, но я надеюсь, что это поможет.

В этот ответ Я нашел лучшее решение этой проблемы:

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