Лучший способ справиться с переполнением слайда Reveal JS

Я работаю над проектом, для которого я использую Reveal JS, чтобы представить данные пользователям в виде слайдов.

Иногда я нахожу текст, выходящий за пределы области просмотра.

Из-за чего текст не виден, как показано на этом изображении


Я попытался уменьшить размер текста динамически в зависимости от высоты экрана, например так:

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);
}

выполнение этого кода в рекурсивном цикле отрегулирует<section>Размер шрифта для настройки по высоте документа.

Есть ли лучший способ или плагин для решения этой проблемы без уменьшения количества символов на слайде?

Ответы на вопрос(2)

Ваш ответ на вопрос