在exploit.js幻灯片中随意更改mathjax中的字体大小
Jan*_*Jan 8 html javascript css mathjax reveal.js
尽管幻灯片的代码（在此处sections）完全相同，但是我遇到了从第3张到第4张幻灯片的字体大小变化的问题。我试图找出原因，但没有找到原因。
有趣的是，如果我卸下title幻灯片，则此更改将在第三张和第四张幻灯片之间再次发生。
有任何想法吗？
这是两个屏幕截图
这是html代码（应该单独使用）
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="generator" content="pandoc">
<meta name="author" content="Jan Heiland">
<title>H_\infty-control for DAEs</title>
<meta name="apple-mobile-web-app-capable" content="yes">
<meta name="apple-mobile-web-app-status-bar-style" content="black-translucent">
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no, minimal-ui">
<link rel="stylesheet" href="https://revealjs.com/css/reveal.css">
<style type="text/css">code{white-space: pre;}</style>
<link rel="stylesheet" href="https://revealjs.com/css/theme/black.css" id="theme">
<script src="https://cdn.mathjax.org/mathjax/latest/MathJax.js?config=TeX-AMS_CHTML-full" type="text/javascript"></script>
</head>
<body>
<div class="reveal">
<div class="slides">
<!-- section>
<h1 class="title">Riccati-based <span class="math inline">\(H_\infty\)</span>-control for DAEs</h1>
<p class="author">Jan Heiland</p>
</section-->
<section>
<ul>
<li>Descriptor systems have an ODE part and an algebraic part
<span class="math display">\[\begin{align*}
\begin{bmatrix}
C^{\mathsf{d}} & C^{\mathsf{a}}
\end{bmatrix}
\begin{bmatrix}
sI-A & 0 \\ 0 & sN-I
\end{bmatrix}^{-1}
\end{align*}\]</span></li>
</ul>
</section>
<section>
<ul>
<li>Descriptor systems have an ODE part and an algebraic part
<span class="math display">\[\begin{align*}
\begin{bmatrix}
C^{\mathsf{d}} & C^{\mathsf{a}}
\end{bmatrix}
\begin{bmatrix}
sI-A & 0 \\ 0 & sN-I
\end{bmatrix}^{-1}
\end{align*}\]</span></li>
</ul>
</section>
<section>
<ul>
<li>Descriptor systems have an ODE part and an algebraic part
<span class="math display">\[\begin{align*}
\begin{bmatrix}
C^{\mathsf{d}} & C^{\mathsf{a}}
\end{bmatrix}
\begin{bmatrix}
sI-A & 0 \\ 0 & sN-I
\end{bmatrix}^{-1}
\end{align*}\]</span></li>
</ul>
</section>
<section>
<ul>
<li>Descriptor systems have an ODE part and an algebraic part
<span class="math display">\[\begin{align*}
\begin{bmatrix}
C^{\mathsf{d}} & C^{\mathsf{a}}
\end{bmatrix}
\begin{bmatrix}
sI-A & 0 \\ 0 & sN-I
\end{bmatrix}^{-1}
\end{align*}\]</span></li>
</ul>
</section>
</div>
</div>
<script src="https://revealjs.com/lib/js/head.min.js"></script>
<script src="https://revealjs.com/js/reveal.js"></script>
<script>
// Full list of configuration options available at:
// https://github.com/hakimel/reveal.js#configuration
Reveal.initialize({
// Optional reveal.js plugins
dependencies: [
{ src: 'https://revealjs.com/lib/js/classList.js', condition: function() { return !document.body.classList; } },
{ src: 'https://revealjs.com/plugin/zoom-js/zoom.js', async: true },
{ src: 'https://revealjs.com/plugin/notes/notes.js', async: true }
]
});
</script>
</body>
</html>将参数设置viewDistance为您拥有的幻灯片数量将解决您的问题。默认值为 3，它会自动隐藏所有以下内容（或超出此限制的先前内容），将它们设置为display:none;，这不会分配幻灯片应占用的空间
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="generator" content="pandoc">
<meta name="author" content="Jan Heiland">
<title>H_\infty-control for DAEs</title>
<meta name="apple-mobile-web-app-capable" content="yes">
<meta name="apple-mobile-web-app-status-bar-style" content="black-translucent">
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no, minimal-ui">
<link rel="stylesheet" href="https://revealjs.com/css/reveal.css">
<style type="text/css">code{white-space: pre;}</style>
<link rel="stylesheet" href="https://revealjs.com/css/theme/black.css" id="theme">
<script src="https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.5/MathJax.js?config=TeX-AMS_CHTML-full" type="text/javascript"></script>
</head>
<body>
<div class="reveal">
<div class="slides">
<section>
<h1 class="title">Riccati-based <span class="math inline">\(H_\infty\)</span>-control for DAEs</h1>
<p class="author">Jan Heiland</p>
</section>
<section>
<ul>
<li>Descriptor systems have an ODE part and an algebraic part
<span class="math display">\[\begin{align*}
\begin{bmatrix}
C^{\mathsf{d}} & C^{\mathsf{a}}
\end{bmatrix}
\begin{bmatrix}
sI-A & 0 \\ 0 & sN-I
\end{bmatrix}^{-1}
\end{align*}\]</span></li>
</ul>
</section>
<section>
<ul>
<li>Descriptor systems have an ODE part and an algebraic part
<span class="math display">\[\begin{align*}
\begin{bmatrix}
C^{\mathsf{d}} & C^{\mathsf{a}}
\end{bmatrix}
\begin{bmatrix}
sI-A & 0 \\ 0 & sN-I
\end{bmatrix}^{-1}
\end{align*}\]</span></li>
</ul>
</section>
<section>
<ul>
<li>Descriptor systems have an ODE part and an algebraic part
<span class="math display">\[\begin{align*}
\begin{bmatrix}
C^{\mathsf{d}} & C^{\mathsf{a}}
\end{bmatrix}
\begin{bmatrix}
sI-A & 0 \\ 0 & sN-I
\end{bmatrix}^{-1}
\end{align*}\]</span></li>
</ul>
</section>
<section>
<ul>
<li>Descriptor systems have an ODE part and an algebraic part
<span class="math display">\[\begin{align*}
\begin{bmatrix}
C^{\mathsf{d}} & C^{\mathsf{a}}
\end{bmatrix}
\begin{bmatrix}
sI-A & 0 \\ 0 & sN-I
\end{bmatrix}^{-1}
\end{align*}\]</span></li>
</ul>
</section>
</div>
</div>
<script src="https://revealjs.com/lib/js/head.min.js"></script>
<script src="https://revealjs.com/js/reveal.js"></script>
<script>
// Full list of configuration options available at:
// https://github.com/hakimel/reveal.js#configuration
Reveal.initialize({
viewDistance: 5,
// Optional reveal.js plugins
dependencies: [
{ src: 'https://revealjs.com/lib/js/classList.js', condition: function() { return !document.body.classList; } },
{ src: 'https://revealjs.com/plugin/zoom-js/zoom.js', async: true },
{ src: 'https://revealjs.com/plugin/notes/notes.js', async: true }
]
});
</script>
</body>
</html>编辑 ：
另一个最简单的解决方案是选择 SVG 输出（不再担心幻灯片数量）
<link rel="stylesheet" href="https://revealjs.com/css/reveal.css">
<style type="text/css">code{white-space: pre;}</style>
<link rel="stylesheet" href="https://revealjs.com/css/theme/black.css" id="theme">
<script src="https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.5/MathJax.js?config=TeX-AMS_SVG-full" type="text/javascript"></script>
<div class="reveal">
<div class="slides">
<section>
<h1 class="title">Riccati-based <span class="math inline">\(H_\infty\)</span>-control for DAEs</h1>
<p class="author">Jan Heiland</p>
</section>
<section>
<ul>
<li>Descriptor systems have an ODE part and an algebraic part
<span class="math display">\[\begin{align*}
\begin{bmatrix}
C^{\mathsf{d}} & C^{\mathsf{a}}
\end{bmatrix}
\begin{bmatrix}
sI-A & 0 \\ 0 & sN-I
\end{bmatrix}^{-1}
\end{align*}\]</span></li>
</ul>
</section>
<section>
<ul>
<li>Descriptor systems have an ODE part and an algebraic part
<span class="math display">\[\begin{align*}
\begin{bmatrix}
C^{\mathsf{d}} & C^{\mathsf{a}}
\end{bmatrix}
\begin{bmatrix}
sI-A & 0 \\ 0 & sN-I
\end{bmatrix}^{-1}
\end{align*}\]</span></li>
</ul>
</section>
<section>
<ul>
<li>Descriptor systems have an ODE part and an algebraic part
<span class="math display">\[\begin{align*}
\begin{bmatrix}
C^{\mathsf{d}} & C^{\mathsf{a}}
\end{bmatrix}
\begin{bmatrix}
sI-A & 0 \\ 0 & sN-I
\end{bmatrix}^{-1}
\end{align*}\]</span></li>
</ul>
</section>
<section>
<ul>
<li>Descriptor systems have an ODE part and an algebraic part
<span class="math display">\[\begin{align*}
\begin{bmatrix}
C^{\mathsf{d}} & C^{\mathsf{a}}
\end{bmatrix}
\begin{bmatrix}
sI-A & 0 \\ 0 & sN-I
\end{bmatrix}^{-1}
\end{align*}\]</span></li>
</ul>
</section>
</div>
</div>
<script src="https://revealjs.com/lib/js/head.min.js"></script>
<script src="https://revealjs.com/js/reveal.js"></script>
<script>
// Full list of configuration options available at:
// https://github.com/hakimel/reveal.js#configuration
Reveal.initialize({
viewDistance: 1,
// Optional reveal.js plugins
dependencies: [
{ src: 'https://revealjs.com/lib/js/classList.js', condition: function() { return !document.body.classList; } },
{ src: 'https://revealjs.com/plugin/zoom-js/zoom.js', async: true },
{ src: 'https://revealjs.com/plugin/notes/notes.js', async: true }
]
});
</script>