基于幻灯片内容的Deck.js更改显示幻灯片大小

Question

当我在deck.js演示文稿中幻灯片的内容大于垂直窗口时，浏览器正在缩小显示的内容。

内容越多，显示就越小。这种效果看起来“页面”很宽，因为幻灯片的左上角离浏览器窗口的左上角更远--就像我正在从页面上放大一样。我可以用鼠标导航到所有的内容，但是没有出现滚动条。

这里发生了什么，在这些情况下我如何控制显示大小？

(对于一个可能很糟糕的问题，我很抱歉--我不知道足够多的CSS来知道我应该或者可以在这里提供什么额外的信息。我很乐意回答你的问题。)

谢谢。

Answer 1

如果您希望在幻灯片中保持一致(恒定)的字体大小和布局，我建议使用此页面http://home.heeere.com/tech-deckjs-ext.html中的"fit“扩展。

在负面方面，此扩展目前阻止您使用水平和垂直转换主题。可以对其进行修补，以允许这些过渡。

在积极的一面，这个扩展将允许您有一个滚动条在您的幻灯片。可以通过在页面中添加以下样式来做到这一点：

        div.deck-container > .slide {overflow-y: scroll;}