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

Question

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

我需要适应更多的文字(引文，我不能真正缩写)到一个幻灯片。尝试将.reveal .slides和section>*的各种组合与width: 1280px或150% (从gitpitch/wiki/Slideshow-Custom-CSS#Example-2派生)一起使用都没有帮助。

Answer 1

这个问题很久以前就被问过了，但我现在要回答它(尽管有点晚了)，因为这个答案可能会对未来这个SO主题的新访问者有所帮助。

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

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

这只需使用以下CSS代码片段即可实现：

.reveal blockquote { width: 90% }

在这种情况下，如果您使用此自定义CSS，您的幻灯片将使用90%的幻灯片宽度来呈现引用。这样，你就可以在一张幻灯片上的引文中容纳更多的文字。

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