调整大小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移动

回答

相关问题