Unterschiedliche Displaygrößen ("Viewports")

Über jedes der folgenden Icons im linken unteren Bereich kann die Seite in einer anderen Größe und für ein anderes Ausgabemedium dargestellt werden. Welche Icons konkret zur Verfügung stehen und welche Größen und Ausgabemedien sich dahinter verbergen, ist abhängig von den Einstellungen in den Projekteigenschaften (siehe „Konfiguration der Vorschau-Viewports“ unter Optionen (→Dokumentation für Administratoren)).

Mit einem Klick auf dieses Icon wird die aktuelle Seite in normaler Browser-Ansicht dargestellt.

Mit einem Klick auf dieses Icon könnte beispielsweise die Ansicht der Seite in Desktop-Browsern dargestellt werden.

Mit einem Klick auf dieses Icon könnte beispielsweise die Ansicht der Seite auf Notebooks dargestellt werden.

Mit einem Klick auf dieses Icon könnte beispielsweise die Ansicht der Seite auf Tablet-PCs dargestellt werden.

Mit einem Klick auf dieses Icon könnte beispielsweise die Ansicht der Seite auf Smartphones dargestellt werden.

Welche Abmessungen die gewählte Ansicht hat, kann an der linken oberen Ecke der Auflösung abgelesen werden.

Die Abmessungen können mithilfe der Anfasser an den vier Seiten individuell verändert werden.

Mit diesem Icon kann der Bildschirm gedreht werden, wie man es von Smartphones und Tablet-PCs kennt. D.h. die umgebenden Abmessungen drehen sich, der Inhalt jedoch nicht.

Weitere Funktionen

Die rechte untere Ecke bietet eine Scrollhilfe. Der sichtbare Bereich („Viewport“) kann hier mit dem Mauszeiger verschoben werden.

Mit diesem Icon kann der Viewport in Stufen kleiner skaliert werden.

Mit diesem Icon kann der Viewport in Stufen größer skaliert werden.

Mit diesem Icon kann der Viewport auf 100 % gesetzt werden. Somit wird die Vorschau pixelgenau dargestellt.

Mit diesem Icon kann die Vorschau in den Anzeigebereich eingepasst werden, soweit möglich.