Wenn die erstellte Seite im universellen Block auf einem Computer gut aussieht, die Website jedoch auf dem Bildschirm eines Mobiltelefons oder Tablets nicht korrekt angezeigt wird, da die Größe dieser Geräte unterschiedlich ist.
Wichtige Informationen
Im universellen Block müssen Sie Anpassungen für das Tablet und das Telefon in horizontaler und vertikaler Position vornehmen.
- Für einen Computer beträgt die Blockgröße 1200px.
- Tablet in horizontaler Position ist 960px
- Das Tablet in aufrechter Position ist 640px
- Das Telefon in horizontaler Position ist 480px
- Telefon in vertikaler Position ist 320px
Hierfür gibt es ein Werkzeug im Block, das beim Umschalten automatisch die Größe der Seite anzeigt, in die alle erstellten Elemente der Website passen sollen: Text, Formen, Schaltflächen, Videos usw.
Zuerst erstellen wir ein Design für eine große Version des Bildschirms (Computer)
Danach beginnen wir, die erstellte Seite anzupassen, zuerst für das Tablet in horizontaler Position und so weiter. Dazu verwenden wir die Symbolleiste im Block und passen die Größen von Texten und Elementen an, sodass sie nicht über den Block hinausragen, da sie sonst auf den Geräten der Website-Benutzer nicht sichtbar sind.
Hier sind einige Beispiele, wie die Seite für jede Größe aussehen sollte:
Tablet in horizontaler Position 960px
Das Tablet in aufrechter Position 640px
Das Telefon in horizontaler Position 480px
Telefon in vertikaler Position 320px
Alle grundlegenden Blöcke im Website-Builder passen sich automatisch an die gewünschte Bildschirmgröße an. Lesen Sie mehr über die grundlegenden Blöcke in den folgenden Artikeln.