reveal.js调整字体大小以适应幻灯片

Question

我试图找出如何自动调整字体大小以适合我的幻灯片。 我正在使用remote-presentation-controller-master库 https://github.com/thehung111/remote-presentation-controller

我试图添加到/punlic/css/main.cc

@media screen and (max-width: 1024px), (max-height: 600px) {
    .reveal .slides {
        font-size: 0.82em;
    }
}

@media screen and (max-width: 700px), (max-height: 400px) {
    .reveal .slides {
        font-size: 0.66em;
    }
}

但它不起作用。 知道我需要做什么吗？ 谢谢，

Answer 1

你总是可以尝试一下。

它看起来与你想要实现的非常相似。

更改屏幕宽度以进行测试。 的样品： https://chunksnbits.github.io/jquery-quickfit/

安装： https://github.com/chunksnbits/jquery-quickfit