javascript - Reveal JS 去除特定幻灯片的固定纵横比

Question

我正在使用 Reveal JS 为我构建的应用程序创建演示文稿。

我想通过将应用程序嵌入到 iframe 中来演示演示文稿中的应用程序。

但我希望 iframe 显示全屏。

传统上，revel js 中的所有幻灯片在所有方面都有一个纵横比，它在 reveal.js 文件中编码。

...

( this, function() {

'use strict';

var Reveal;

var SLIDES_SELECTOR = '.slides section',
    HORIZONTAL_SLIDES_SELECTOR = '.slides>section',
    VERTICAL_SLIDES_SELECTOR = '.slides>section.present>section',
    HOME_SLIDE_SELECTOR = '.slides>section:first-of-type',

    // Configuration defaults, can be overridden at initialization time
    config = {

        // The "normal" size of the presentation, aspect ratio will be preserved
        // when the presentation is scaled to fit different resolutions
        width: 960,
        height: 700,

...

有没有什么方法可以针对特定的对象删除此比率 <节> ？

编辑:我已经尝试添加一个新的 CSS 类，其中填充和边距设置为 0，高度和宽度设置为所需的大小。但这不起作用。

Answer 1

你应该添加一个类样式:

<section class="nopad">
    What you want to show
</section>

样式:

section.nopad{
    padding: 0px;
    margin: 0px;
}