MathJax，如何改变文字大小？
MathJax 是一个用于在网页上显示数学公式的开源 JavaScript 引擎。它支持多种数学表示语法，包括 LaTeX、MathML 和 AsciiMath。要改变 MathJax 渲染的数学公式的文字大小，可以使用 CSS 来控制。
在 MathJax 中，数学公式被包含在 <span> 或 <div> 标签中，并且使用类名 MathJax 来标识。因此，可以通过为这些标签添加自定义的 CSS 样式来改变文字大小。
以下是一个示例，展示了如何使用 CSS 来改变 MathJax 渲染的数学公式的文字大小：
<!DOCTYPE html>
<html>
<head>
<style>
.MathJax {
font-size: 20px; /* 设置为所需的文字大小 */
}
</style>
<script src="https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.7/MathJax.js?config=TeX-MML-AM_CHTML"></script>
</head>
<body>
<div class="MathJax">$$x = \frac{-b \pm \sqrt{b^2 - 4ac}}{2a}$$</div>
</body>
</html>在上述示例中，通过在 <style> 标签中定义 .MathJax 类的样式，将数学公式的文字大小设置为 20px。然后，在 <div> 标签中使用该类来包裹数学公式。
需要注意的是，上述示例中引入了 MathJax 的 JavaScript 文件，并且使用了 TeX-MML-AM_CHTML 配置。你可以根据自己的需求选择不同的配置。
希望这个答案能够满足你的需求。如果你对其他问题有任何疑问，请随时提问。
相关·内容
10回答
我在我的页面上使用了mathjax，我读到了这个：
<script type="text/x-mathjax-config">
MathJax.Hub.Config({
"HTML-CSS": { scale: 175}
});
</script>
应该是为了让字体变大。但相反，它所做的只是使mathjax方程的容器更大，但字体保持不变。为什么会这样呢？如何改变字体大小？
浏览 1提问于2013-09-30得票数 33
1回答
我想改变我在IPython笔记本(朱庇特)中方程的格式，然后右击方程，打开MathJax菜单。我选择SVG作为呈现类型。现在，我把生乳胶放在笔记本里了。
问题是，我无法恢复更改，因为我找不到任何MathJax输出的右键单击！如何重置MathJax设置？
我尝试过使用MathJax重新安装IPython.external.mathjax，但没有成功。我还尝试从Safari首选项中清除MathJax缓存，但没有成功。
我注意到，当MathJax加载时，我从显示的底部角落收到了两条消息。一种是“加载MathJax/Safe.js/Safe.js”，另一种是“文件加载失败：”
我认为以后必须参考Ana
浏览 2提问于2015-12-01得票数 7
回答已采纳
我引用这个代码
这段代码在这里
<!DOCTYPE html>
<html>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<head>
<title>mathjx</title>
<script type="text/javascript" src="https://cdn.mathjax.org/mathjax/latest/MathJax.js?c
浏览 1提问于2016-08-04得票数 0
回答已采纳
我需要在MathJax应用程序中使用本地Rails4实例，但是在turbolinks重新加载方面存在问题。
我使用 gem (带有更新的mathjax)将MJ分发从项目目录中排除在外。
它需要添加gem的路由
#routes.rb
mathjax 'mathjax'
布局中的帮手
<%= mathjax_tag %>
但是当页面加载了turbolinks时，mathjax无法运行。
如果我在准备()页上调用mathjax重新加载函数
MathJax.Hub.Typeset();
它将加载回退模式-与图像，而不是字体。
然后我找到了，它用jQuery Ajax重新加载
浏览 11提问于2013-12-28得票数 1
回答已采纳
我目前正在尝试呈现动态MathJax内容：
<div mathjax #math>
$$Weight = {{ mass }} * {{ g }}$$
</div>
这是很好的工作，直到我尝试重新呈现后，改变一些变量。因此，例如，如果我改变了质量，那么我希望上面HTML中的值也会发生变化。
为此，我需要对MathJax指令的实例执行一个MathJax调用，如上的指令所示
我用viewchild来获取页面上的实例..。
@ViewChild('math', { static: false, read: MathJaxDirective }) mat
浏览 9提问于2021-11-04得票数 1
我一直在使用这段代码来渲染Latex。但是，当我更新公式时，呈现的HTML不会刷新。我尝试查找typeset()和typesetPromise()的文档，但在这里找不到太多对代码示例有帮助的文档：
//rederMath.tsx
import { mathjax } from 'mathjax-full/js/mathjax';
import { TeX } from 'mathjax-full/js/input/tex';
import { CHTML } from 'mathjax-full/js/output/chtml'
import
浏览 2提问于2020-03-20得票数 1
我正在使用和通过从。我试图让Arithmatex识别\\[和\\]中的数学(而不是默认的\[…)( \])作为显示数学。从基本配置开始，
markdown_extensions:
- footnotes
- pymdownx.arithmatex
- pymdownx.highlight
- pymdownx.superfences
extra_javascript:
- javascripts/mathjax-config.js
- https://polyfill.io/v3/polyfill.min.js?features=es6
- https://cdn.
浏览 8提问于2021-09-05得票数 0
我只是通过将MathJax添加到header.html中，将type="text/javascript" src="http://cdn.mathjax.org/mathjax/latest/MathJax.js?config=TeX-AMS-MML_HTMLorMML"></script>添加到Jekyll Bootsrap站点中。它可以工作，但是所有呈现为MathJax的东西，除了数字，都会在我的代码中高亮显示数字的颜色。
我尝试在_syntax.scss中的每个中的每一行前面添加_syntax.scss，但都没有效果；即使删除_synta
浏览 6提问于2016-05-06得票数 1
我使用knockout.js基于Ajax调用动态插入值。其中一个值，content.front，是utf8文本，它可以包含MathJax表达式。我试图弄清楚如何让MathJax在每次knockout.js更新div时呈现表达式。我不能很好地让它工作，我也不知道为什么。这里是JavaScript：
var ViewModel = function(data) {
var self = this;
self = ko.mapping.fromJS(data, {}, self);
self.content.back.subscribe( function() {
MathJ
浏览 4提问于2013-10-10得票数 2
回答已采纳
1回答
在呈现公式时，我可以在哪里改变MathJax的行为？我需要两箱：
在解析所有公式之前，不要显示公式。
MathJax处理后立即显示公式
浏览 5提问于2013-08-28得票数 0
回答已采纳
更新后的
好的，我已经设法使Markdown和MathJax一起工作了，这实际上是相对简单的。我和一起使用过MathJax。
$(function() {
var $text = $("#text"), // the markdown textarea
$preview = $("#preview"); // the preview div
$text.on("keyup", function() {
$preview.html( marked($text.val()) ); /
浏览 3提问于2012-08-22得票数 26
回答已采纳
我刚刚升级到以下版本：
Sphinx==1.8.5
nbconvert==5.4.1
pandoc==1.0.2
我一直能够使用Sphinx通过jupyter笔记本在文档中呈现数学(就像seaborn一样)。然而，在升级之后，数学不再渲染！如果我右击方程所在的位置，我可以将数学渲染器更改为"svg“或"CommonHTML”，一切都很好-只是由于某种原因，它不能使用默认的"HTML-CSS“数学渲染器进行渲染。我的问题是:如何更改配置文件中的默认渲染器？
我尝试过的：
conf.py
...
extensions = [
...
'sphinx.
浏览 8提问于2019-03-26得票数 1
回答已采纳
在string.xml中，
<?xml version="1.0" encoding="utf-8"?>
<resources>
<string name="app_name">nameofmyapp</string>
</resources>
我想改变文字大小我该怎么做that..also我想增加我手机上显示的图标的大小。我试过谷歌的不起作用！有什么建议吗？#菜鸟#谢谢
浏览 3提问于2011-09-24得票数 0
回答已采纳
我试着在Chrome (方程末尾的垂直线)中使用Mathjax渲染问题。因此，我尝试从Mathjax 2.4升级到2.6版本。这解决了Chrome中的呈现问题，但是现在旧的数学消失了，内联文本向左移动，再过一秒，新的数学是可见的，文本再次向右移动。在2.4版中，新的数学只是取代了旧的数学，而周围的文本并没有移动。我主要使用以下代码来更新数学元素：
HTML：
<span id="vEnd">\\({v_{\text {End}}=0}\\) \\(\frac{\text m}{\text s}\\)</span>
Javascript：
QUEUE.Pu
浏览 2提问于2016-03-19得票数 0
回答已采纳
2回答
我的小部件支持调整小部件的大小。
但是当小部件大小改变时，文本大小保持不变。我应该怎么做才能处理它？
我寻找类似的文字大小的百分比，这将取决于小工具的大小。
浏览 1提问于2013-02-02得票数 4
回答已采纳
2回答
更改图例文本大小
、、
我已经搜索了堆栈溢出，我找到了下面的链接，但它没有帮助。
plot(c(1,1))
legend("topleft", "Legend", cex=1.3, pch=1, pt.cex = 1)
设置pt.cex仅更改点大小，但文本根本不会更改。
我们有什么方法可以改变图例中的文字大小吗？
浏览 2提问于2016-04-08得票数 1
我有一个简单的外壳应用程序与5个标签。我想改变图标和文字大小的基础上的应用程序屏幕大小。
<?xml version="1.0" encoding="UTF-8"?>
<Shell xmlns="http://xamarin.com/schemas/2014/forms"
xmlns:x="http://schemas.microsoft.com/winfx/2009/xaml"
xmlns:local="clr-namespace:Ingly.Views"
浏览 1提问于2020-12-01得票数 0
我正在创建一个关于谷歌应用引擎的网站，并有一个问题，Mathjax不能在Chrome上工作。
在我的本地机器上测试这个网站没有问题，但是在我发布到GAE之后，Mathjax就不再只支持Chrome了。
我把Mathjax CDN链接和配置放在body标签的底部，看起来像
<script src="http://cdn.mathjax.org/mathjax/latest/MathJax.js" type="text/javascript">
MathJax.Hub.Config({
extensions: ["tex
浏览 0提问于2013-07-11得票数 2
回答已采纳
2回答
按钮的灵活宽度
、、
我在我的按钮下面使用CSS
.ui-button-text {
background-color:#3e9cbf !important;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
color: #F0F8FF !important;
width: 50px;
}
在这里，如果您将检查，我使用的是width: 50px;，但我希望按钮关闭的宽度是灵活的，它应该改变宽度根据文字大小，如果按钮文本是Submit，那么按钮的宽度将很小，但如果文本是这样的Post Your Question现在按钮的宽度应
浏览 1提问于2013-08-18得票数 0
回答已采纳
我有一个带有mathjax的android项目，我在cs.jsu.edu/wordpress/?p=585找到了android的代码mathjax。
我改变了代码，以符合我的项目，现在它的工作，但mathjax不自动多行文本时，全宽
我的代码：
WebView w = (WebView) findViewById(R.id.webview);
String data = "x=\\frac{-b\\pm\\sqrt{b^2-4ac}}{2a} I LOVE ANDROID";
mmltoggle=false;
浏览 0提问于2015-08-21得票数 0
我已经成功地用grid.arrange绘制了一个2x2的图：
library(gridExtra)
grid.arrange(p1,p3,p2,p4, ncol=2, nrow=2, top = "Daily QC: Blue")
这个多情节的主标题非常小。有没有办法改变标题的文字大小和字体？
浏览 3提问于2013-02-06得票数 53
回答已采纳
在Plone 4应用程序中动态加载MathJax时，我遇到了性能问题。因此，我在中找到了Plone集成，并且，正如我注意到的那样，它分叉工作，运行良好；我包含了当前的MathJax 2.3，并将配置文件更改为使用“本地”副本。
现在，我想知道是否可以在"online"/"remote“行为(从rackcdn.com加载所有内容)和”默认“行为(使用包含的副本)之间进行选择，方法是在Plone QuickInstaller工具中安装产品时选择配置文件。
我像这样改变了configure.zcml：
<configure
xmlns="http://n
浏览 0提问于2014-04-14得票数 2
回答已采纳
0回答
我想在LaTeX中显示公式，并在客户端呈现它们。这些方程有一些必须改变的变量。到目前为止，我只找到了MathJax，但它不会在值发生变化时更新它们。有像这样的例子，它是实时更改的，但它来自Angular2，并且在它的MathJax.Hub.Queue(["Typeset",MathJax.Hub, this.el.nativeElement]);中有一行奇怪的东西，这给我留下了一个错误(因为我找不到MathJax变量)。ng-katex也不起作用，因为它没有出现在我的ng-modules文件夹中，而且它的输出也很奇怪。
MathJax本身可以完美地工作，除非您在DOM中更改了某
浏览 4提问于2017-12-15得票数 5
1回答
Mayavi字体渲染中是否存在阻止更改字体大小的错误？我正在使用Mayavi2图形用户界面更改体积图上的轴标签的字体大小。
为此，我转到: Scene ->标量字段->颜色和图例->轴->标签文本(选项卡) ->字体大小
更改此数字不会影响图像中字体的大小。这是一个已知的bug吗？我在谷歌上没有看到任何关于它的信息。你如何改变你的梅亚维图形上的文字大小？
浏览 11提问于2013-02-26得票数 6
回答已采纳
如果我有一个像ax+b这样的方程，并且我希望能够用突出显示的系数来显示这些方程，我可以写
MathJax：
\(\color{blue}{m}x+\color{red}{c}\)
MathML：
<math>
<mi style="color: blue">m</mi>
<mi>x</mi>
<mo>+</mo>
<mi style="color: red">c</mi>
</math>
如果我想改变MathML
浏览 1提问于2016-06-20得票数 0
回答已采纳
1回答
示例代码：
ui <- fluidPage(
withMathJax(),
tags$div(HTML("<script type='text/x-mathjax-config'>
MathJax.Hub.Config({
tex2jax: {inlineMath: [['$','$'], ['\\(','\\)']]}
});
</script&
浏览 3提问于2017-11-06得票数 1
回答已采纳
是否可以设置HTML工具提示的格式？
例如，我有一个title=属性为“foo！”的DIV。当我放大或缩小浏览器的文字大小时，工具提示的文字大小保持不变。有没有办法使工具提示字体随浏览器设置而缩放？
浏览 4提问于2009-01-27得票数 88
回答已采纳
2回答
我在MathJax文档中读到自动换行
在初始排版时只计算一次，如果用户更改窗口大小，则不会更改。
如何在每次改变窗口大小时动态地计算它们？
例如，我有以下代码：
<!DOCTYPE html>
<html>
<head>
<title>MathJax auto line-breaking</title>
<script type="text/x-mathjax-config">
MathJax.Hub.Config({
CommonHTML: { linebreaks: { automatic:
浏览 2提问于2016-11-16得票数 1
2回答
R代码块内的文本格式
、、、
我正在Rstudio中制作一些幻灯片，以下说明如下：
如何将文本大小、颜色和“流”后面的数字定义为两列？
```{r,results='asis', echo=FALSE}
rd <-样本(x=1e6:1e7，大小= 10，替换=假)
cat(rd，sep = "\n")
输出要么是HTML (ioslides)，要么是PDF (电子邮件)
更新：
目前，上面的代码只提供如下内容
6683209
1268680
8412827
9688104
6958695
9655315
3255629
8754025
3775265
2810182
我不能做任何改变
浏览 4提问于2014-11-08得票数 9
回答已采纳
最近，我安装了arch社区包"mathjax“，以便能够在jupyter笔记本中呈现一些数学公式。它适用于笔记本电脑，但在安装后，其他东西会被破坏，比如Terminator和Sublime Text 3中特殊符号的渲染。
下面是有问题的符号，显示在Sublime中和Terminator：中的实际提示符中
我的问题是，我如何才能阻止mathjax改变这些东西。这怎么可能发生呢？我以为这个包只与浏览器内的Latex渲染相关。
浏览 3提问于2017-04-21得票数 0
我有一个我正在处理的html文档。但是，在使用MathJax时，分数中的线条不会显示。经过一些实验后，我意识到这是由于我在正文中使用的字体。有没有办法只改变MathJax文本的字体，同时仍然只需要在正文中写$$等？
浏览 1提问于2015-12-14得票数 0
我已经向OSG统计处理程序添加了一些用户统计信息。不幸的是，“title”列似乎并不会根据添加的用户统计名称的宽度自动展开。
，我可以改变标题列的宽度吗？
它现在引起的问题是，如果我的用户属性的' bar‘从’0‘开始，那么条形图将随着时间的推移而绘制，从而阻止用户读取它。
在上面的图像中，垂直白发线应该出现在SimFrameTime:113.67之后，这样当从框架开始的条形图从‘0’开始时，它就可以被正确地读取。
浏览 1提问于2016-03-22得票数 0
回答已采纳
1回答
我正在尝试使用ngx-mathjax ( https://www.npmjs.com/package/ngx-mathjax )在离子应用程序中安装Mathjax 我导入了app.module.ts中的模块，并粘贴了如下所示的配置方法。我在想要使用Mathjax的组件中添加了标签，但是“导入MathJaxModule”行失败了。 给定的导入语句失败，并出现运行时错误：“找不到模块"./src/app/math-jax/math-jax.module". VSCode实际上用红色下划线。 我尝试了几种不同的方法： 'ngx-mathjax/src/app/math-ja
浏览 17提问于2019-05-22得票数 1
我正在亚马逊( amazon )托管的VM上试用bitnami wordpress服务，并安装了mathjax-胶乳插件。当我将它配置为使用'Use MathJax CDN服务‘时，这是可行的，但我希望有一些自己的宏。
根据自述文件，我在plugins/ MathJax -MathJax/MathJax下放置了一个树的副本：
wget https://github.com/mathjax/MathJax/zipball/v2.3-latest
mv v2.3-latest ~/tmp/mathjax-v2.3-latest.zip
unzip ~/tmp/mathjax-v2.3-la
浏览 0提问于2014-05-20得票数 -1
回答已采纳
1回答
我在我的项目和自述中使用vue-mathjax，它说使用mathJax的cdn可以很好地处理CDN版本。
im需要使用mathJax(v.2.7.2)作为项目的本地依赖项，但不知道如何使用正确的配置导入它
yout如何设置配置与cdn版本相同？
CDN
<script src="https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.2/MathJax.js?config=TeX-AMS_HTML"></script>
用npm安装后的本地导入
//main.js
import '../node_mo
浏览 2提问于2021-02-24得票数 0
1回答
我希望在我的基本模板中使用以下内容加载MathJax：
<script type="text/x-mathjax-config">
MathJax.Hub.Config({
tex2jax: {inlineMath: [['$','$'], ['\\(','\\)']]}
});
</script>
<script type="text/javascript"
src="{% static "js/MathJax/MathJax.js?confi
浏览 3提问于2015-08-31得票数 0
回答已采纳
我正在尝试在我的ionic2应用程序中运行mathjax。谁能告诉我如何使用mathjax -grunt cleaner来减小mathjax的大小？
到目前为止，我已经使用NPM + donwload mathjax latest +从github下载MathJax- grunt cleaner安装了grunt。
在那之后需要帮助。
浏览 1提问于2016-09-12得票数 1
1回答
我使用SystemJS构建Angular 2应用程序，并希望在组件中开始使用MathJax。我安装了：
npm install --save-dev mathjax
npm install --save @types/mathjax
MathJax现在安装在/node_modules/mathjax中。当我的组件执行import "mathjax"时，将加载文件/node_modules/mathjax/MathJax.js。到目前一切尚好。
问题是，该文件然后尝试使用相对于项目根的路径而不是MathJax安装目录加载其他文件。
例如，MathJax.js试图加载
/exten
浏览 3提问于2016-12-06得票数 3
回答已采纳
1回答
我尝试使用mathjax：
<!DOCTYPE html>
<html>
<head>
<title>Math</title>
<link rel="stylesheet" type="text/css" href="http://localhost/math/css/style.css" />
<script type="text/x-mathjax-config">
浏览 10提问于2013-05-27得票数 0
我在GitHub页面上的Jekyll博客中使用MathJax。事实上，我写了一篇关于我设置MathJax 2.7.5的确切步骤的博客文章："MathJax in Jekyll" (2018年8月) 有几篇文章，我想使用psmallmatrix环境，就像mathtools包中的$$\begin{psmallmatrix} 1 \\ 0 \end{psmallmatrix}$$。我知道如何使用\newenvironment命令在实际的TeX中创建这样的环境："How do I make a small pmatrix?" 但为了在MathJax 2.7.5中获得“
浏览 43提问于2020-08-16得票数 0
回答已采纳
使用import js.Dynamic.{ global => g}，我可以以g.MathJax的形式访问MathJax库，但是在从MathJax调用函数时，我找不到如何传递函数参数。目前我有以下内容：g.MathJax.Hub.Queue(["Typeset", g.MathJax.Hub])，它导致illegal start of simple expression，这当然是因为我使用方括号，但是我不知道如何正确地传递带有标尺的数组。
浏览 3提问于2017-01-13得票数 2
回答已采纳
2回答
有没有人知道我如何整合：
Mathjax最新版本(MathJax-MathJax-v2.2-8-g727332c)、Rails 4和Markdown？
整个资产管道让我很难理解如何配置mathjax，以便它能够与Markdown一起工作。
有人接电话吗？
浏览 3提问于2013-06-10得票数 3
1回答
我在我的网站上使用mathjax，我发现当使用时，mathjax文本位于popbox的顶部。我做了一个小提琴，显示了这个问题。
我用mathjax和Latex符号
<script type="text/x-mathjax-config">
MathJax.Hub.Config({tex2jax: {inlineMath: [['$','$']]}});
</script>
问题是，如何在mathjax符号的顶部强制使用popbox？
谢谢卡尔
浏览 4提问于2015-07-16得票数 2
回答已采纳
我用下面的代码正确地加载了数学方程。我想在angular中使用它。如何将其转换为angular <script src='https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.5/MathJax.js?config=TeX-MML-AM_CHTML' async></script>
<script type="text/x-mathjax-config">
MathJax.Hub.Register.StartupHook("TeX Jax Ready",f
浏览 10提问于2019-01-22得票数 1
1回答
加载html后的LaTeX公式
、、、、
我想加载script of Mathjax在使用
( 'div#someone' ).load( "http source" )
实际上，当页面在页眉中被完全加载时，它工作得非常完美。
<script class="mathlab" type="text/x-mathjax-config">MathJax.Hub.Config({tex2jax: {inlineMath: [["$","$"], ["\\(","\\)"]]}});</script&
浏览 2提问于2016-01-09得票数 1
回答已采纳
2回答
我在脚本中包括了MathJax
<script type="text/javascript" async
src="https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.1/MathJax.js?config=TeX-MML-AM_CHTML">
</script>
这将自动将所有数学代码替换为格式化的标记。
如何通过只单击javascript而不是在加载时触发MathJax。
我如何告诉MathJax将格式化的元素放在页面的末尾而不是替换原始代码？
浏览 4提问于2017-08-18得票数 7
回答已采纳
如何在我的html中指定以下要求？
当计算机接入互联网时，MathJax.js的来源为；
离线时，系统为Linux，源为/MathJax/MathJax.js；如果系统为Windows，则为/C:/MathJax/MathJax.js。(如果我能在本地路径中使用环境变量就更好了。)
浏览 1提问于2012-06-11得票数 2
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
实时音视频
对象存储
即时通信 IM活动推荐
腾讯云开发者
