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

时间:2014-01-07 23:21:42

标签: css deck.js

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

内容越多,显示屏越小。效果似乎是“页面”宽,因为幻灯片的左上角远离浏览器窗口的左上角 - 就像我从页面缩小一样。我可以使用鼠标导航到所有内容,但不会显示滚动条。

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

(对于一个可能很糟糕的问题道歉 - 我不太了解CSS以了解我应该或可以在此提供哪些其他信息。我很乐意添加回答问题。)

感谢。

1 个答案:

答案 0 :(得分:2)

如果您希望在幻灯片中保持一致(常量)字体大小和布局,我建议您使用此页面中的“适合”扩展名http://home.heeere.com/tech-deckjs-ext.html

从消极方面来看,此扩展程序目前阻止您使用水平和垂直过渡主题。它可以修补以允许这些转换。

从积极的方面来说,此扩展程序允许您在幻灯片上设置滚动条。您可以通过在页面中添加以下样式来实现:

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