незапрошенное изменение размера шрифта в mathjax в слайдах reve.js - PullRequest
Новая
       33

незапрошенное изменение размера шрифта в mathjax в слайдах reve.js

8 голосов
/ 04 мая 2019

Хотя код для слайдов (здесь sections) точно такой же, я испытываю изменение размера шрифта с 3-го до 4-го слайда.Я пытался отследить это, но не нашел причину.

Как ни странно, если я удаляю слайд title, это изменение снова происходит между 3-м и 4-м слайдом.

Есть идеи?

Вот два скриншота

normal sized math display smaller sized math display

А вот код 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}}  &amp; C^{\mathsf{a}}
						\end{bmatrix}
						\begin{bmatrix}
						sI-A &amp; 0 \\ 0 &amp; 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}}  &amp; C^{\mathsf{a}}
						\end{bmatrix}
						\begin{bmatrix}
						sI-A &amp; 0 \\ 0 &amp; 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}}  &amp; C^{\mathsf{a}}
						\end{bmatrix}
						\begin{bmatrix}
						sI-A &amp; 0 \\ 0 &amp; 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}}  &amp; C^{\mathsf{a}}
						\end{bmatrix}
						\begin{bmatrix}
						sI-A &amp; 0 \\ 0 &amp; 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>

Ответы [ 2 ]

4 голосов
/ 04 мая 2019

По какой-то причине, начиная с 4-го рендеринга mathjax и выше, он рендерится на 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 stackoverflow</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}}  &amp; C^{\mathsf{a}}
                        \end{bmatrix}
                        \begin{bmatrix}
                        sI-A &amp; 0 \\ 0 &amp; 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}}  &amp; C^{\mathsf{a}}
                        \end{bmatrix}
                        \begin{bmatrix}
                        sI-A &amp; 0 \\ 0 &amp; 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}}  &amp; C^{\mathsf{a}}
                        \end{bmatrix}
                        \begin{bmatrix}
                        sI-A &amp; 0 \\ 0 &amp; 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}}  &amp; C^{\mathsf{a}}
                        \end{bmatrix}
                        \begin{bmatrix}
                        sI-A &amp; 0 \\ 0 &amp; 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>
3 голосов
/ 04 мая 2019

установите для параметра 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}}  &amp; C^{\mathsf{a}}
                        \end{bmatrix}
                        \begin{bmatrix}
                        sI-A &amp; 0 \\ 0 &amp; 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}}  &amp; C^{\mathsf{a}}
                        \end{bmatrix}
                        \begin{bmatrix}
                        sI-A &amp; 0 \\ 0 &amp; 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}}  &amp; C^{\mathsf{a}}
                        \end{bmatrix}
                        \begin{bmatrix}
                        sI-A &amp; 0 \\ 0 &amp; 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}}  &amp; C^{\mathsf{a}}
                        \end{bmatrix}
                        \begin{bmatrix}
                        sI-A &amp; 0 \\ 0 &amp; 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}}  &amp; C^{\mathsf{a}}
                        \end{bmatrix}
                        \begin{bmatrix}
                        sI-A &amp; 0 \\ 0 &amp; 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}}  &amp; C^{\mathsf{a}}
                        \end{bmatrix}
                        \begin{bmatrix}
                        sI-A &amp; 0 \\ 0 &amp; 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}}  &amp; C^{\mathsf{a}}
                        \end{bmatrix}
                        \begin{bmatrix}
                        sI-A &amp; 0 \\ 0 &amp; 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}}  &amp; C^{\mathsf{a}}
                        \end{bmatrix}
                        \begin{bmatrix}
                        sI-A &amp; 0 \\ 0 &amp; 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>
...