缩放MathJax以适应响应div

Question

尝试使用包含MathJax（在本例中为asciimath）的响应div来制作AngularJS指令，该指针可以缩放以适合div中的可用空间。指令和大小计算都可以完美地工作，并且可以单独工作。但是，在真正的应用程序中，MathJax不会扩展。我已将其缩小到托管应用程序设置字体大小*。

MathJax缩放技巧基于此post by Davide Cervone。我创建了一个stripped down demonstration CodePen。

一切都按预期工作。请注意，此演示不包括缩放计算或任何角度良好，因为没有必要说明问题。

如果您从* font-size ...

中删除评论

    * {
      /* font-size: 9px; */
    }

第二个MathJax的缩放将被覆盖，并且方程式缩小。

我尝试在div和span上使用样式来设置比例，我尝试使css更明确地像这样......

    .divination .MathJax *  {
        font-size: 600%  !important;
    }

一切都无济于事。

由于此指令将在其他人的应用程序中使用，因此我们无法控制它们设置*样式。

我很欣赏你们在做这项工作时可能有的任何想法或见解。

吉姆

Answer 1

尝试

.divination {
  font-size: 200% ! important
}
.divination * {
  font-size: inherit
}

这对我来说很有用。