我的Reveal.js幻灯片中经常有代码示例,这些代码示例可能非常大。但是,代码块(pre和code标签)似乎始终具有最大高度。经过一定的高度,它想要滚动而不是增长盒子。我还没有弄清楚如何使它成长(垂直,但也在地平线上)以填充可用区域而不是滚动。我没有兴趣暂停我的演示文稿滚动鼠标只是为了显示更多的代码。 :-)有什么建议吗?
答案 0 :(得分:6)
Reveal.js提供的CSS似乎是responsible for the vertical limit。 因此,似乎你别无选择,只能自己调整css。
例如,修改文件css/reveal.css
(并重新生成css/reveal.min.css
)。
或者您可以尝试使用您提供的其他主题覆盖此值。例如,将css/theme/default.css
复制到css/theme/mine.css
,为代码块定义所需的样式,并在<head>
演示文稿文件的.html
中链接到此文件。