2015-04-19 18 views
9

Mein Mathjax Code auf dem Computer sieht gut aus, aber überdimensionierten auf mobilen: http://teach.sg/mathematics/additional-mathematics/trigonometric-functions/Resize Mathjax On Mobile

enter image description here

Jede Art und Weise dies für mobile automatisch auf die Größe?

Hinweis: Ich benutze Safari auf dem iPhone 6. Chrome gibt mir das gleiche Ergebnis.

+0

Wenn Sie nach einer integrierten Methode in MathJax suchen, ist die Antwort nein. ['overflow: scale'] (http://www.w3.org/Math/draft-spec/mathml.html#chapter2_interf.topevel.atts) ist noch nicht implementiert. –

+0

@PeterKrautzberger Ich sehe, was ist der beste Weg, um das zu ändern, ob über HTML oder dergleichen? – Eugene

+1

Es gibt ein Beispiel, das dies [hier] (http://www.math.union.edu/~dpvc/talks/2013-01-12.jmm/sample8-mj.html) von einem Gespräch tut, das ich mehrere Jahre gab vor. Die nächste Seite zeigt die Quelle für das Beispiel. –

Antwort

5

Ich hoffe, diese einfache Lösung für Sie passt:

Gerade overflow-x: scroll; zu div Stil hinzufügen, die Mathjax Gleichung enthält. Dadurch wird Ihre MathJax-Gleichung scrollfähig und verhindert, dass die Gleichung außerhalb des Bereichs liegt. In Ihrem Beispiel ist es ein div mit 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;".

Hinzufügen overflow-x: scroll; am Ende des style-Tags:
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;".
Es wird eine Schriftrolle am unteren Rand des div hinzufügen. Die MathJax-Gleichung bleibt in der Box "Spezialwinkel".
Raw Vorschau:

Scroll begins Scroll ends
Eigentlich viele Lösungen (einschließlich Klugen jQuery) gibt, können Sie geeignete finden, indem "responsive Tabellen in HTML" googeln. MathJax verwendet <span>, es ist nicht wirklich die Tabellen, aber ich hoffe, dass das hilft.

+0

Dies ist nicht sehr stabil, da MathJax seine Ausgabe ändert (z. B. Benutzereinstellungen usw.). Die Gleichung in einen Container zu schreiben und den Überlauf zu setzen, sollte allerdings funktionieren. –