Melhor maneira de lidar com o transbordamento de slides Reveal JS
Estou trabalhando em um projeto para o qual estou usando o Reveal JS para apresentar dados aos usuários na forma de slides.
Às vezes, encontro o texto transbordando além da janela de exibição.
Devido ao qual o texto não é visível, como mostrado nesta imagem
Eu tentei reduzir o tamanho do texto dinamicamente com base na altura da tela, assim:
var $present_section = $('section.present');
var section_bottom = $present_section.offset().top + $present_section.height();
var allowed_height = $(document).height() - $present_section.offset().top;
if (section_bottom > allowed_height) {
var cur_font_size = parseInt($present_section.css('font-size'));
$present_section.css('font-size', cur_font_size - 1);
}
executar esse código em um loop recursivo ajustaria o<section>
do tamanho da fonte para ajustar a altura do documento.
Existe uma maneira melhor ou um plugin para lidar com esse problema sem reduzir o número de caracteres no slide?