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

Question

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

我需要在幻灯片上放置更多的文本（引用，我无法缩写）。尝试使用各种组合的.reveal .slides和section>*，并使用width: 1280px或150%（源自gitpitch/wiki/Slideshow-Custom-CSS#Example-2），但没有帮助。

- Katrin Leinweber

---

你需要提供一段代码片段。 - JoannaFalkowska

我尝试了.reveal .slides { width: 1280px; }或者.reveal .slides section>* { width: 1280px; }，并尝试了其他的width值。我不确定这是我的CSS错误还是GitPitch的限制。 - Katrin Leinweber

为了让其他人能够调试此问题，您应该提供一个可工作的代码片段（例如在jsfiddle上的演示），以重现整个问题。 - JoannaFalkowska

代码：https://github.com/katrinleinweber/gm17-data-integitry 渲染：https://gitpitch.com/katrinleinweber/gm17-data-integitry（例如第3张幻灯片） - Katrin Leinweber

Answer 1

这个问题很久以前就被提出了，但是我现在要回答它（虽然晚了），因为答案可能对未来访问此SO线程的新访客有所帮助。

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

因此，要将更多文本放入引用中，您不应使用自定义CSS尝试改变幻灯片本身的宽度。您应该使用自定义CSS修改默认主题，使块引用使用幻灯片宽度的超过70%。

使用以下CSS代码片段可以轻松实现这一点：

.reveal blockquote { width: 90% }

在这种情况下，如果您使用此自定义 CSS，则幻灯片将使用幻灯片宽度的 90％ 来呈现引用。这样，您可以在单个幻灯片上容纳更多的引用文本。

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

- David

---

我尝试了你在这个项目中的方法，但没有成功：https://github.com/AlexITC/gitpitch-test - AlexITC

上面提供的答案回答了最初的问题，即如何在引用块中容纳更多文本。所示解决方案使用CSS样式来调整演示文稿中HTML引用块的宽度。您的示例演示文稿未使用引用块，而是使用代码块。因此，您需要应用自定义CSS样式来调整代码块的宽度。使用.reveal pre { width: 100%; }。 - David