我正在使用 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,高度和宽度设置为所需的大小。但这不起作用。
最佳答案
你应该添加一个类样式:
<section class="nopad">
What you want to show
</section>
样式:
section.nopad{
padding: 0px;
margin: 0px;
}
关于javascript - Reveal JS 去除特定幻灯片的固定纵横比,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/31262904/