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 aktuell sichtbaren Teil des Layout-Viewports darstellt, den derzeit sichtbaren Abschnitt des Layout-Viewports, der aktuell auf dem Anzeigegerät des Benutzers sichtbar ist.

Dies wird beispielsweise auf mobilen Geräten wichtig, wo eine Wischgeste normalerweise verwendet werden kann, um in die Inhalte einer Seite hinein- oder herauszuzoomen. Das gerenderte Dokument ändert sich in keiner Weise, sodass der Layout-Viewport unverändert bleibt, während der Benutzer die Zoomstufe anpasst. Stattdessen wird der Visual-Viewport aktualisiert, um den Bereich der Seite anzuzeigen, den er sehen kann.