MathJax自动调整字体大小

时间:2016-11-12 09:31:19

标签: html css fonts mathjax autoresize

当浏览器视口很宽时,我的所有公式看起来都非常好。

enter image description here

我的网站(Wordpress,修改后的Twenty Fifteen主题)设计灵活,因此可以自动调整图像和文字的大小。

enter image description here

但是,公式根本不会调整大小,这会导致布局出现问题。

enter image description here

如何在浏览器窗口大小发生变化时强制公式自动调整大小?

1 个答案:

答案 0 :(得分:0)

您似乎已使用MathJax编辑器渲染等式部分。您无法像其他HTML元素一样将MathJax方程式包装到下一行。

他们介绍了另一种方法,他们称之为 Responsive Equations 。看看这些例子,他们已经展示了几种方法,可以使方程在每个屏幕尺寸上都有响应。

你也可以参考这个Codepen (这显示了如何动态控制方程的响应性)

响应方程:https://www.mathjax.org/responsive-equations/

希望这有帮助!