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