显示JS删除特定幻灯片的固定宽高比

时间:2015-07-07 07:59:01

标签: javascript css html5 iframe reveal.js

我正在使用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,高度和宽度设置为所需的大小。但这不起作用。

1 个答案:

答案 0 :(得分:0)

你应该添加一个类样式:

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

css:

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