Мой MathJax код выглядит отлично на компьютере, но слишком большой на мобильный телефон: http://teach.sg/mathematics/additional-mathematics/trigonometric-functions/Resize MathJax На Mobile
Любой способ изменить размер это автоматически для мобильных устройств?
Примечание: Я использую сафари на iPhone 6. Хром дает мне тот же результат.
Я надеюсь, что это простое решение будет соответствовать вам:
Просто добавьте overflow-x: scroll; в стиль Дива, что содержащее уравнение 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;".
Он добавит свиток в нижней части div. Уравнение MathJax останется в окне «Специальные углы».
Сырое просмотр:
На самом деле может быть много решений (в том числе с помощью умных JQuery), вы можете найти подходящий по прибегая к помощи «адаптивные таблицы в формате HTML». MathJax использует <span>, на самом деле это не таблицы, но я надеюсь, что это поможет.
Это не будет очень стабильным, если MathJax изменит свой результат (например, пользовательские настройки и т. Д.). Обертывание уравнения в контейнере и установка 'overflow' должны работать. –
Если вы ищете встроенный способ в MathJax, тогда ответ будет отрицательным; ['overflow: scale'] (http://www.w3.org/Math/draft-spec/mathml.html#chapter2_interf.toplevel.atts) еще не реализован. –
@PeterKrautzberger Я вижу, так что это лучший способ изменить размер, будь то через html или понравится? – Eugene
Есть пример, который делает это [здесь] (http://www.math.union.edu/~dpvc/talks/2013-01-12.jmm/sample8-mj.html) из беседы, которую я дал несколько лет тому назад. На следующей странице показан источник для примера. –