Reveal.js中的巨大左边距

问题描述

我正在使用reveal.js(如果需要的话,在R markdown内)创建一些幻灯片。与其他框架(例如ioslide或slidy)相比,文本的左侧有巨大的空白,如下图所示。

huge margin reveal.js

我一直在尝试编辑CSS,以将文本进一步向左移动,但无济于事。

有什么想法吗?

我的CSS样式部分是:

<style type="text/css">
    .reveal p {
        text-align: left;
    }
    .reveal ul {
        display: block;
    }
    .reveal ol {
        display: block;
    }
    Reveal.initialize({ width: 1920,height: 1080,margin: 0.00,});
</style>

解决方法

经过大量调查,我确实找到了解决方案(至少在Rmarkdown中)。具体而言,我在输出标题中的reveal_options下添加了width和height参数。对于16:9长宽比显示,下面的设置看起来要好得多。

output: 
  revealjs::revealjs_presentation:
    reveal_options:
      width: 1280
      height: 720