防止reveal.js缩放答案

【问题标题】：Prevent reveal.js to zoom防止reveal.js缩放
【发布时间】：2013-10-27 19:47:11
【问题描述】：

我正在使用reveal.js 来呈现屏幕截图，但图像没有以100% 的大小显示。
我敢打赌，正如检查员所展示的那样，有一个“缩放”技巧：

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

但我无法阻止它发生。有没有一个配置选项，一个 js hack 呢？

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

谢谢！

【问题讨论】：

【解决方案1】：

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

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

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

【讨论】：

【解决方案2】：

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

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

【讨论】：