Question

我真的希望能够减少所有2级reveal.js幻灯片（版本2.6.2）顶部的填充量。似乎无法使用CSS自定义此项，因为偏移量是动态计算的负数。

e.g。在http://fommil.github.io/scalax14/#/5/1我希望在顶部至少恢复200像素。顶部参数目前计算为-350px，但我真的更接近-500px。

有没有办法用config做到这一点？

Answer 1

显示保持您在配置中输入的分辨率的宽高比。

如果您希望幻灯片的填充量较少，则有多种方法：

禁用居中：

 center: true, // add this in init or config

幻灯片位于页面顶部，所有填充都位于底部

为幻灯片使用4：3格式

width: 1024, // add this in init or config
height: 768,

这会将所有填充移动到页面的两侧（好吧，假设浏览器窗口未调整大小），只要页面比率大于4：3

创建完全响应式幻灯片：

var resizeSlide = function() {
   Reveal.configure({
     width: window.innerWidth,
     height: window.innerHeight
   });
}

setInterval(resizeSlide, 1000);

然后，您需要使幻灯片响应幻灯片格式的更改，但这将使他们利用整个页面进行演示。我正在使用setInterval而不是onResize，因为onResize只是不适用于移动设备和某些浏览器/操作系统组合（即使用键盘快捷键和桌面热点调整窗口时在Windows 8.1上使用chrome）

减少演示文稿顶部的空白区域

1 个答案: