Question

我一直在尝试使用MathJax创建一些用于我的A-Levels的数学工具，我目前正在制作一个二次方的页面和一个用于二次方程根的小计算器。

当我尝试使用MathJax显示公式时出现问题，正如您在此处看到的那样（http://www.lucapassariello.co.uk/mathsTools/quadratics），显示的是一堆滚动图标，当正确的公式显示为少量时当时，一切似乎都被提升为一种无所不能的力量。

以下是用于库和配置脚本的链接。

    <script type="text/x-mathjax-config">
      MathJax.Hub.Config({
        tex2jax: {inlineMath: [["$","$"],["\\(","\\)"]]}
      });
    </script>
    <script type="text/javascript" async src="https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.4/MathJax.js?config=TeX-MML-AM_CHTML"></script>

以下是二次公式的实现HTML。

<p>$$x=\frac{-b \pm \sqrt{b^2 -4ac}}{2a}$$</p>

任何帮助都非常适合。

Answer 1

您提供的代码按预期工作，因此我认为它必须与您的网站有关。

如果您从overflow-x: hidden;文件中的以下代码中删除 resources/public/css/style.css，那么您将重新开始工作。它似乎与Mathjax css冲突并切断了从脚本中呈现的元素。

如果您仍然需要overflow-x: hidden，那么我建议您更有选择性而不是使用*

*{
  margin: 0;
  padding: 0;
  overflow-x: hidden;
}

MathJax库在公式中留下滚动条

1 个答案: