防止 reveal.js 缩放。

Question

我正在使用reveal.js来展示截图，但是图片没有以100%的大小显示。
我猜测可能有一个“缩放”技巧，因为检查器显示如下：

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

我不能阻止它发生。是否有配置选项或JS技巧可以解决这个问题？

这是一个幻灯片，我希望我的800×600图片以800×600的尺寸显示： http://profgra.org/lycee/presentation_demo.html#/2 谢谢！

- Gra

Answer 1

感谢Cvuorinen，以下是完整的答案：

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

尽管对于通过Markdown嵌入页面的某些特定幻灯片，似乎难以仅触发此操作。

- Gra

Answer 2

Reveal.js会自动调整内容大小以适应任何视口大小。有配置选项可控制此效果，相关文档在这里：https://github.com/hakimel/reveal.js/#presentation-size。您也可以使用一些JS代码禁用某个幻灯片的缩放。Reveal拥有强大的事件系统，允许编写自定义事件处理程序。如果需要的话，进入特定幻灯片时可以覆盖css缩放属性，并在下一个幻灯片中还原它。不过我自己没有尝试过这样的操作，这只是一个想法。

- Cvuorinen