Лучший способ справиться с переполнением слайда 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>
Размер шрифта для настройки по высоте документа.
Есть ли лучший способ или плагин для решения этой проблемы без уменьшения количества символов на слайде?