问题描述
我正在使用reveal.js(如果需要的话,在R markdown内)创建一些幻灯片。与其他框架(例如ioslide或slidy)相比,文本的左侧有巨大的空白,如下图所示。
我一直在尝试编辑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