javascript - 如何增加外支架的高度？

如何增加外支架的高度？ MathML或MathJax有什么办法吗？

<math>
  <mrow>
    <mo fence="true" stretchy="true">&#x0028;</mo>
    <mspace width="0.15em"/>
    <mrow>
      <mrow>
        <mo fence="true" stretchy="true">&#x0028;</mo>
        <mspace width="0.15em"/>
        <mrow>
          <mn>1</mn>
          <mo>+</mo>
          <mn>21</mn>
          <mo>+</mo>
          <mn>2</mn>
        </mrow>
        <mspace width="0.15em"/>
        <mo fence="true" stretchy="true">&#x0029;</mo>
      </mrow>
      <mn>1</mn>
      <mo>+</mo>
      <mn>21</mn>
      <mo>+</mo>
      <mn>21</mn>
    </mrow>
    <mspace width="0.15em"/>
    <mo fence="true" stretchy="true">&#x0029;</mo>
  </mrow>
</math>

图片：



在MathML或MathJax中可能吗？
如果没有，使用CSS或Javascript有更好的解决方案吗？

编辑
这只是一个示例表达式。我的表情可以在多个级别上有多个括号。因此，如果有3个大括号，则外部大括号必须大于中间大括号，并且中间大括号必须大于内部大括号。

最佳答案

您可以在可伸缩的minsize="1.2"中添加<mo>（或其他一些因素），以使其至少为其自然大小的1.2倍。例如

<math>
  <mrow>
    <mo fence="true" stretchy="true" minsize="1.2">&#x0028;</mo>
    <mspace width="0.15em"/>
    <mrow>
      <mrow>
        <mo fence="true" stretchy="true">&#x0028;</mo>
        <mspace width="0.15em"/>
        <mrow>
          <mn>1</mn>
          <mo>+</mo>
          <mn>21</mn>
          <mo>+</mo>
          <mn>2</mn>
        </mrow>
        <mspace width="0.15em"/>
        <mo fence="true" stretchy="true">&#x0029;</mo>
      </mrow>
      <mn>1</mn>
      <mo>+</mo>
      <mn>21</mn>
      <mo>+</mo>
      <mn>21</mn>
    </mrow>
    <mspace width="0.15em"/>
    <mo fence="true" stretchy="true" minsize="1.2">&#x0029;</mo>
  </mrow>
</math>

应该使外圆括号更大。