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