調整大小Mathjax移動

我Mathjax代碼看起來不錯的計算機上，但過大的移動：http://teach.sg/mathematics/additional-mathematics/trigonometric-functions/調整大小Mathjax移動

enter image description here

任何方式爲移動自動調整呢？

注意：我在iPhone 6上使用safari。Chrome給了我相同的結果。

2015-04-19 Eugene

如果您正在MathJax中尋找內置方式，則答案爲否; ['overflow：scale']（http://www.w3.org/Math/draft-spec/mathml.html#chapter2_interf.toplevel.atts）尚未實施。 –

@PeterKrautzberger我明白了，那麼調整這個大小的最好方法是什麼，無論是通過html還是類似的？ – Eugene

有一個例子，我從一個幾年的談話中做了這個[here]（http://www.math.union.edu/~dpvc/talks/2013-01-12.jmm/sample8-mj.html）前。下一頁顯示示例的來源。 –

我希望這個簡單的解決方案將適合你：

只需添加overflow-x: scroll;到包含MathJax方程div的風格。它將使MathJax方程可以滾動，並防止方程超出範圍。

在你的例子中它是一個與 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方程將保留在「特殊角度」框中。
原始預覽：

Scroll begins Scroll ends
其實可以有很多解決方案（包括使用jQuery聰明的人），你可以找到通過谷歌搜索「在HTML響應表」恰當的。 MathJax使用<span>，它實際上不是表格，但我希望這會有所幫助。

來源

2015-04-27 07:18:18 candle

考慮到MathJax修改其輸出的方式（例如，用戶首選項等），這不會很穩定。將容器包裝在容器中並設置「overflow」應該可以工作。 –

調整大小Mathjax移動

回答

相關問題