2015-04-19 21 views
9
codice

mio mathjax guarda bene sul computer, ma di grandi dimensioni sul mobile: http://teach.sg/mathematics/additional-mathematics/trigonometric-functions/Ridimensiona mathjax Sul Mobile

enter image description here

Un modo per ridimensionare automaticamente per i dispositivi mobili?

Nota: sto utilizzando Safari su iPhone 6. Chrome mi dà lo stesso risultato.

+0

Se stai cercando un modo integrato in MathJax, la risposta è no; ['overflow: scale'] (http://www.w3.org/Math/draft-spec/mathml.html#chapter2_interf.toplevel.atts) non è ancora stato implementato. –

+0

@PeterKrautzberger Vedo, quindi qual è il modo migliore per ridimensionare questo, sia tramite html che i mi piace? – Eugene

+1

C'è un esempio che fa questo [qui] (http://www.math.union.edu/~dpvc/talks/2013-01-12.jmm/sample8-mj.html) da un discorso che ho tenuto diversi anni fa. La pagina successiva mostra la fonte per l'esempio. –

risposta

5

spero che questa semplice soluzione si adatta a voi:

Basta aggiungere overflow-x: scroll; allo stile di div che contiene l'equazione mathjax. Renderà la tua equazione di MathJax in grado di scorrere e impedirà l'equazione fuori dall'intervallo.

Nel tuo esempio è un div con 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;".

Aggiungi overflow-x: scroll; alla fine del tag di stile:
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;".
Aggiungerà una pergamena nella parte inferiore del div. L'equazione di MathJax rimarrà nella casella "Angoli speciali".
anteprima prima:

Scroll begins Scroll ends
In realtà ci possono essere molte soluzioni (tra cui quelli intelligenti che utilizzano jQuery), è possibile trovare adeguato uno per googling "tavoli sensibili in HTML". MathJax utilizza <span>, non è in realtà le tabelle, ma spero che possa essere d'aiuto.

+0

Questo non sarà molto stabile dato il modo in cui MathJax modifica il suo output (ad esempio, preferenze dell'utente ecc.). Avvolgere l'equazione in un contenitore e impostare "overflow" dovrebbe comunque funzionare. –