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

Question

我正在尝试了解如何自动调整字体大小以适合我的幻灯片。 我正在使用远程演示控制器主库 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