css - Deck.js 根据幻灯片内容更改显示的幻灯片大小

Question

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

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

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

（对一个可能很糟糕的问题表示歉意——我不太了解 CSS，无法知道我应该或可以在这里提供哪些额外信息。我很乐意回答问题。）

谢谢。

Answer 1

如果您想在幻灯片中保持一致（恒定）的字体大小和布局，我建议使用此页面http://home.heeere.com/tech-deckjs-ext.html中的“适合”扩展名。

不利的一面是，此扩展目前阻止您使用水平和垂直过渡主题。它可以被修补以允许这些转换。

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

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