reveal.js 幻灯片中 mathjax 的字体大小未经请求更改
unsolicited change of font size in mathjax in reveal.js slides
虽然幻灯片的代码（此处 sections）完全相同，但我发现从第 3 张到第 4 张幻灯片的字体大小发生了变化。我试图追踪这个但我没有找到原因。
有趣的是，如果我删除 title 幻灯片，这种变化会再次出现在第 3 和第 4 张幻灯片之间。
有什么想法吗？
这里有两张截图
这里是 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>
出于某种原因，从 mathjax 的第 4 次及以上呈现，它将呈现在 font-size 50%
我不知道为什么，也许您忽略了一些配置。无论如何，您可以通过添加自己的 css:
来覆盖它
.MathJax_CHTML {
font-size: 117% !important;
}
117% 是用于其他元素的值，所以我只使用该值。
<!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;
}
.MathJax_CHTML {
font-size: 117% !important;
}
</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">Lars on Whosebug</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; 并且这不会分配 space 幻灯片应该占用
<!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>
虽然幻灯片的代码（此处 sections）完全相同，但我发现从第 3 张到第 4 张幻灯片的字体大小发生了变化。我试图追踪这个但我没有找到原因。
有趣的是，如果我删除 title 幻灯片，这种变化会再次出现在第 3 和第 4 张幻灯片之间。
有什么想法吗？
这里有两张截图
这里是 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>
出于某种原因，从 mathjax 的第 4 次及以上呈现，它将呈现在 font-size 50%
我不知道为什么，也许您忽略了一些配置。无论如何，您可以通过添加自己的 css:
.MathJax_CHTML {
font-size: 117% !important;
}
117% 是用于其他元素的值，所以我只使用该值。
<!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;
}
.MathJax_CHTML {
font-size: 117% !important;
}
</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">Lars on Whosebug</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; 并且这不会分配 space 幻灯片应该占用
<!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>