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>

css：

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