14

私はこれについてとても混乱しています。チュートリアルを検索しましたが、意味のあるものが見つかりません。MathJax 出力の CSS クラスを設定するにはどうすればよいですか? 文字を大きくしたいだけです。現在のインクルードは次のとおりです。

<script type="text/javascript"
  src="http://cdn.mathjax.org/mathjax/latest/MathJax.js?config=TeX-AMS-MML_HTMLorMML">
</script>

マイページの下部にあります。TEX をうまくレンダリングしますが、それに CSS を設定したいと思います!

理想的には、CSS クラス名を渡したいと思います。

4

2 に答える 2

21

scale出力プロセッサでオプションを設定してみましたか？マニュアルを参照してください。構成オプションは、ファイルまたはインラインで設定できます。このページでは、プロセスについて説明します。

基本的に、JavaScriptの短いスニペットをページまたは含めるファイルに含めます。例：

<script type="text/javascript">    
  MathJax.Hub.Config({    
    extensions: ["tex2jax.js"],    
    "HTML-CSS": { scale: 100}    
  });    
</script>

divまた、 CSSクラスを適用して物を簡単に囲むことができます。このページのソースを表示します。

<div style="font-size: 500%;">    
\[

  g\frac{d^2u}{dx^2} + L\sin u = 0

\]    
</div>

方程式は単にフォントサイズを継承します。

于 2011-04-12T18:25:13.263 に答える
13

アップデート：

私が今学んだように、CSS を使用して mathjax で TeX のスタイルを設定しないでください。表示の問題が発生する可能性があります。ここを参照してください: https://github.com/mathjax/MathJax/issues/925

解決策は、Config ブロックで Javascript を使用することです。

<script type="text/x-mathjax-config"> 
    MathJax.Hub.Config({ 
        "HTML-CSS": { scale: 200, linebreaks: { automatic: true } }, 
        SVG: { linebreaks: { automatic:true } }, 
        displayAlign: "left" });
</script>

廃止：

ページにある場合にのみ、JQuery の getScript() を使用して MathJax を動的にロード$$しています。この場合、上記の解決策は機能しません。

回避策は、読み込み後に CSS を設定することです。

$(".MathJax").css("font-size","150%");

のフォント サイズの代わりにまたは%を使用することもできます。pxem

これが機能しない場合は、CSS スタイルに !important を使用してください。例えば：

.MathJax, .MathJax_Display  {
    text-align: left !important;
    font-size: 130%  !important;
}
于 2014-08-15T15:14:23.333 に答える