4

我正在使用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

谢谢！

4

2 回答 2

8

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

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

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

于 2013-10-31T20:27:18.953 回答
3

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

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

于 2013-10-29T13:19:21.953 回答