Ich arbeite an einem Projekt, für das ich Reveal JS verwende, um den Benutzern Daten in Form von Folien zu präsentieren.

Manchmal finde ich den Text über das Ansichtsfenster hinaus überlaufend.

Da der Text nicht sichtbar ist, wie in diesem Bild gezeigt

Ich habe versucht, die Textgröße dynamisch basierend auf der Bildschirmhöhe zu reduzieren, wie folgt:

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

enn Sie diesen Code in einer rekursiven Schleife ausführen, wird das<section> 's Schriftgröße zur Anpassung an die Dokumentenhöhe.

Gibt es einen besseren Weg oder ein Plugin, um dieses Problem zu lösen, ohne die Anzahl der Zeichen auf der Folie zu verringern?