防止reveal.js缩放

Question

我正在使用reveal.js来显示屏幕截图，但图片不会以100％的尺寸显示 我敢打赌，有一个“缩放”技巧，正如检查员所示：

<div class="slides" style="-snip- zoom: 0.5001428571428572;">

但我不能阻止它发生。是否有配置选项，js hack for this？

这是一张我想要800×600图像显示800×600的幻灯片： http://profgra.org/lycee/presentation_demo.html#/2

谢谢！

Answer 1

感谢Cvuorinen，这是完整的答案：

Reveal.initialize({
    ...
    // Bounds for smallest/largest possible scale to apply to content
    minScale: 1,
    maxScale: 1
});

虽然如果它们通过Markdown嵌入到页面中，但在某些精确的幻灯片上似乎很难触发它。

Answer 2

Reveal.js缩放整个内容，使其适合用于显示它的任何视口。有一些配置选项可以让您控制这种效果，文档在这里：https://github.com/hakimel/reveal.js/#presentation-size

我认为您还可以使用一点点js禁用特定幻灯片上的缩放。 Reveal具有很棒的事件系统，允许您编写自己的事件处理程序，我认为您可以在输入某个幻灯片时覆盖css zoom属性并恢复下一个幻灯片属性，如果这更适合您的需要。我自己也没做过这样的事情，只是一个想法。