So vergrößern Sie Bilder auf Mobilgeräten, ohne die Darstellung auf dem Desktop zu beeinträchtigen

Die folgende Methode erzeugt im Wesentlichen separate Bildelemente für Desktop- und Mobilansichten, sodass Sie jedes Element unabhängig anpassen können. Weitere Informationen finden Sie unter Dieser Artikel.

Schritt 1: Bildabschnitt duplizieren

• Suchen Sie im GemPages-Editor das Bild, das Sie ändern möchten.
• Klicken Sie auf das Bild, um es auszuwählen.
• Verwenden Sie die Duplikat Funktion, um eine Kopie dieses Bildes zu erstellen. Dieses Duplikat wird für die mobile Version verwendet.

Schritt 2: Sichtbarkeitseinstellungen konfigurieren

Für den Originalbereich (Desktop)

• Wählen Sie das Originalbild aus und navigieren Sie zum Erweitert Registerkarte in der linken Seitenleiste. 
• Unter dem Anzeige an Sektion, deaktivieren die Tablette , Mobil Ansichten.

Diese Einstellung macht den Abschnitt nur auf Desktop-Geräten sichtbar.

Für den duplizierten (mobilen) Abschnitt

• Wählen Sie das duplizierte Bild aus und navigieren Sie zum Erweitert Registerkarte in der linken Seitenleiste. 
• Unter dem Anzeige an Sektion, deaktivieren die Desktop , Tablette Ansichten.

Diese Konfiguration gewährleistet, dass der Abschnitt erscheint ausschließlich auf Mobilgeräten.

• Sobald dies erledigt ist, wird das Bild aus dem Editor ausgeblendet, da Sie sich derzeit im Desktop Ansicht. Wechseln Sie in der linken Ecke der oberen Leiste die Ansicht zu Mobil.

Schritt 3: Passen Sie die Bildgröße für Mobilgeräte an

• Sobald Sie zum Mobile-View-Editor gewechselt sind, klicken Sie auf das Bild, um auf die Einstellungen zuzugreifen, und scrollen Sie nach unten zum Größe .

• Sie können die Rahmen und erhöhen die Breite Höhe Werte Ihres Bildes in der mobilen Ansicht auf die gewünschten Abmessungen.

Weitere Einzelheiten zum Ändern der Bildgröße finden Sie unter Dieser Artikel.

Schritt 4: Vorschau und Test

• Verwenden Sie die Gerätevorschausymbole oben im GemPages-Editor, um zwischen der Desktop- und der Mobilansicht zu wechseln.

• Stellen Sie sicher, dass das Bild in beiden Versionen korrekt angezeigt wird: in der Originalgröße auf dem Desktop und in der vergrößerten Größe auf dem Handy.
• Nehmen Sie die erforderlichen Anpassungen vor an Polsterung, Ränderoder andere Stileinstellungen, um auf jedem Gerät das gewünschte Erscheinungsbild zu erzielen.

Für weitere Informationen über sich anpassendes Webdesign und Sichtbarkeitseinstellungen in GemPages finden Sie unter Dieser Artikel.