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

Question

或者将格式指定为16：9，例如？

我需要在幻灯片上添加更多文本（我可以真正缩写的引号）。尝试.reveal .slides和section>*与width: 1280px或150%（源自gitpitch/wiki/Slideshow-Custom-CSS#Example-2）的各种组合并没有帮助。

Answer 1

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

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

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

使用以下CSS代码段非常简单地实现：

.reveal blockquote { width: 90% }

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

要在GitPitch演示文稿中使用自定义CSS，请参阅以下GitPitch Wiki page for details。