Vorschau responsiver Dokumente anzeigen – Google Web Designer-Hilfe [gg-webdesigner-en]

Vorschau responsiver Dokumente anzeigen

Responsive Funktionen werden in AMPHTML-Anzeigen nicht unterstützt. Videoanzeigen , animierte GIFs und Bildanzeigen können Layouts in mehreren Größen verwenden.

Dank der reaktionsfähigen Vorschau können Sie auf einen Blick sehen, wie Ihr Dokument in verschiedenen Größen aussieht, beispielsweise auf einem Kontaktabzug.

Responsive Vorschauen umfassen alle für die Vorschau aktivierten Größen und sind nur für responsive Dokumente verfügbar.

Vorschau während der Erstellung Ihres Dokuments

Das responsive Vorschaufenster wird neben der Bühne angezeigt und automatisch aktualisiert, wenn Sie Änderungen am Dokument vornehmen. Die Vorschauen in diesem Bereich spiegeln auch die aktuelle Seite und die Position der Timeline wider. Das bedeutet, dass Sie zwischen Seiten wechseln und Animationen in der Vorschau anzeigen und scrollen können.

Um zu sehen, wie sich Ereignisse verhalten, zeigen Sie stattdessen eine Vorschau Ihres Dokuments in einem Browser an .

Schalten Sie das responsive Vorschaufenster um

Verwenden Sie eine der folgenden Methoden, um das responsive Vorschaufenster zu öffnen oder zu schließen:

• Klicken Sie auf die Responsive-Vorschau Schaltfläche im Responsive- Panel.
• Wählen Sie im oberen Menü „Ansicht" > „Responsiv" > „Vorschau" .

Sobald das Panel geöffnet ist, können Sie es auch schließen, indem Sie auf das X in der oberen rechten Ecke klicken.

Ändern Sie die Größe des responsiven Vorschaufensters

Ändern Sie die Breite oder Höhe des responsiven Vorschaufensters, indem Sie den Rand des Fensters ziehen, der der Bühne am nächsten liegt.

Verschieben Sie das responsive Vorschaufenster

Sie können das reaktionsfähige Vorschaufenster nach oben, unten oder auf eine Seite der Bühne verschieben.

Ziehen Sie den Griff am oberen Rand des Panels, bis ein gelber Balken an der neuen Position angezeigt wird, an der Sie das Panel haben möchten.

Wählen Sie eine Medienregel aus

Klicken Sie im Responsive-Vorschaufenster auf eine Vorschau, um diese Größe im Responsive-Fenster auszuwählen.

Deaktivieren Sie eine Vorschaugröße

Bewegen Sie den Mauszeiger über eine Vorschau im responsiven Vorschaufenster, um in der oberen rechten Ecke der Vorschau ein graues X zu sehen. Klicken Sie auf das X , um diese Größe für die Vorschau zu deaktivieren.

Vorschau in einem Browser

Drücken Sie die Vorschau Klicken Sie auf die Schaltfläche in der oberen rechten Ecke des Google Web Designer-Fensters, um eine Vorschau in Ihrem Browser zu öffnen.

Die responsive Vorschau in Ihrem Browser verfügt über verschiedene Modi und Größen, die Sie auswählen können. Die Liste der Größen umfasst gängige Größen für Ihre Anzeigenumgebung sowie alle benutzerdefinierten Bereitstellungsgrößen , die Sie aktiviert haben.

Einzelgröße

Wählen Sie diesen Modus, um eine Vorschau Ihres Dokuments nur in einer Größe anzuzeigen.

• Größe anzeigen – Wählen Sie die Größe aus, die Sie anzeigen möchten.
• Benutzerdefinierte Größe – Wenn Sie Einzelgröße > Benutzerdefiniert auswählen, können Sie eine neue Größe festlegen, indem Sie dieses Feld bearbeiten, die Größenänderungsziehpunkte der Vorschau ziehen oder auf die grauen Balken oben oder links im Vorschaubereich klicken.

Alle Größen

Wählen Sie diesen Modus, um eine Vorschau Ihres Dokuments in mehreren Größen anzuzeigen.

• Größen anzeigen – Wählen Sie die Größen aus, die Sie anzeigen möchten. Wählen Sie „Alle Größen" , um alle aufgelisteten Größen auszuwählen.