如何增加幻灯片内容的宽度？

Question

或者将格式指定为16:9？

我需要将更多文本(我不能真正缩写的引号)放到幻灯片上.尝试各种组合.reveal .slides和section>*与width: 1280px或150%(源自gitpitch/wiki/Slideshow-Custom-CSS#Example-2)没有帮助.

Answer 1

很久以前就提出了这个问题,但我现在要回答这个问题(虽然很晚),因为这个答案可能对今后这个SO线程的新访问者有所帮助.

提供的示例演示文稿中的第3张幻灯片使用了Markdown块引用.该blockquote最终呈现为HTML块引用,默认widthcss样式设置为70%.默认的70%宽度来自默认的GitPitch/reveal.js白色主题.

因此,要将更多文本放入引号中,您不想使用自定义CSS,请尝试更改幻灯片本身的宽度.您希望使用自定义CSS修改默认主题,以使blockquotes使用超过70%的幻灯片宽度.

使用以下CSS片段非常简单地实现了这一点:

.reveal blockquote { width: 90% }

在这种情况下,如果您使用此自定义CSS,幻灯片将使用90%的幻灯片宽度呈现引号.通过这种方式,您可以在单张幻灯片上的引号中添加更多文本.

要在GitPitch演示文稿中使用自定义CSS,请参阅以下GitPitch Wiki页面以获取详细信息.