Layout-Viewport

Der Layout-Viewport ist der Viewport, in den der Browser eine Webseite zeichnet. Im Wesentlichen repräsentiert er das, was verfügbar ist, um gesehen zu werden, während der Visual Viewport den derzeit sichtbaren Teil des Layout-Viewports darstellt, die aktuell sichtbare Untersektion des Layout-Viewports, die auf dem Anzeigegerät des Nutzers sichtbar ist.

Das wird beispielsweise auf mobilen Geräten wichtig, wo eine Kneifgeste normalerweise verwendet werden kann, um in die Inhalte einer Seite hinein- und herauszuzoomen. Das gerenderte Dokument ändert sich in keiner Weise, sodass der Layout-Viewport gleich bleibt, wenn der Nutzer den Zoomlevel anpasst. Stattdessen wird der Visual Viewport aktualisiert, um den Bereich der Seite anzuzeigen, den sie sehen können.