Smartphone-Vorschau
Autor: Karl B.
Visitado 545,
Followers 1,
Compartido 0
Hallo,
wie kann man eine die Vorschau für ein Smartphone (=<480 px) anzeigen?
Publicado en
In der Vorschau rechts oben sind Button und davon hat ein Dropdownmenü mit den verschiedenen Breakpoints die du in deinem Projekt eingestellt hast.
Autor
Das habe ich gesehen, aber nur bis 480 px.
Dann zieh das FEnster kleiner !
Autor
Perfekt!
Nun habe ich im Header eines vordefinierten Tamplates den Hintergrund durch eine andere Grafik ersetzt. Das führt dazu, dass dieses Grafik nicht an die unterschiedlichen Auflösungen angepasst wird. Muss ich nun für jede Auflösung die Grafik händisch anpassen, obwohl unter "Auflösungen und Responsives Disgn" Reprosives Design angeklickt und dort ausdrücklich vermerkt ist, dass sich auch das Layout automatisch der Auflösung de Endgeräte anpasst.
Das Layout passt sich an und nicht die Hintergrundgrafik! Die Hintergrundgrafik passt sich dem Content an und nicht dem Gerät. Wenn du viel Text oder Bilder hast auf der Seite wird es auf dem Desktop zwar normal angezeigt, aber wenn sich der content an das mobile anpasst muss sich auch das Hintergrundbild auf der Länge anpassen und dadurch wird es gestreckt.
Autor
Wenn dem so ist, verstehe ich nicht, weshalb die Hintergrundgrafik des Templates bei den unterschiedlichen Auflösungen nicht gestreckt/gestaucht wird. Muss ich nach dem Austausch der Grafiken noch irgendwo irgendwelche Einstellungen vornehmen, damit auch meine Grafik nicht gestreckt/gestaucht wird?
Es gibt einen Punkt "an den Bildschirm anpassen" bei der Hintergrundgrafik! Meinst du das?
Autor
Wo genau finde ich diese Einstellungsmöglichkeit? Auf der Seite "Struktur der Vorlage sehe ich diese nicht.
Unter dem Bild..."Anordnung" Auswahl--> 5 An Fenster anpassen
Autor
Diese Option gibt es nur für den Seitenhintergrund nicht aber für den Header-Hintergrund.
Das stimmt, aber das hat auch einen gewissen Grund! Die Header Grafik muss für jeden Breakpoint extra angepasst werden weil sich der Header nicht von der Höhe automatisch anpasst, sondern pro Breakpoint extra eingestellt werden muss.
Der Header kann sich auch nicht an die Seitenbreite anpassen weil er einen vordefinierten Bereich hat.
Autor
Das war meine Frage. Wo kann der Breakpoint des Headers eingestellt werden und wie/wo finde ich die Seitenbreite des Headers?
Die SEitenbreite des Header kann man nicht einstellen. Der wird von der Contentbreite definiert! Bei Auflösungen und responsives Design...die Maße wirken sich auch auf den Header aus.
Autor
Soweit so gut, aber warum funktioniert die Anspassung der Hintergrundgrafik bei dem vordefinierten Template und bei meiner Grafik nicht?
Wo sieht man das, denn ich kann mir das nicht vorstellen!
Autor
z.B. bei dem Template "Business3"
HAbe es ausprobiert und es passt sich bei den BReakpoints an. Natürlich wird es nicht dynamisch mit 100% Werten verändert weil WSX5 nicht so aufgebaut ist, aber dieses Template ist angepasst. Wenn du jetzt selber eine Grafik einfügst dann musst du sie auch bei den verschiedenen Breakpoints selber anpassen. Automatisch macht WSX5 das nicht.
Das ist das einzige was da noch fehlt das man es nicht unter 480px in der Leiste vorher aufrufen kann und anpassen kann dadurch verschiebt sich alles. Hatte das aber schonmal als Verbesserung angegeben.
Guten Tag Karl,
können Sie bitte den Link Ihrer Webseite senden, damit ich überprüfen kann, was genau passiert? Auch Screen Shots können sehr nützlich sein, um eine Lösung zu finden. Dieses Template sollte sich, wie Andreas gesagt hat, automatisch anpassen. Vielleicht sind einige Elemente zu groß oder falsch eingeordnet.
Ich warte auf die nötige Informationen, mir ist es sehr wichtig, Ihnen zu helfen. Ich wünsche Ihnen einen schönen Tag. Mit freundlichen Grüßen.
Autor
Guten Tag Elisa B.,
in seinem letzten Beitrag schreibt Andreas unter anderem:
"Wenn du jetzt selber eine Grafik einfügst dann musst du sie auch bei den verschiedenen Breakpoints selber anpassen. Automatisch macht WSX5 das nicht."
Genau so bin ich verfahren und dennoch ist bei einer Aufllösung < 480px die Grafik gestreckt und sind die Original-Objekte verschoben oder nicht mehr sichtbar.
Guten Tag Karl,
ja, in der Regel soll man keine Anpassungen durchführen, in manchen Fällen sind Sie aber nötig, wie in diesem Fall. Sehen Sie im Anhang: Das Objekt ist falsh platziert worden. Das ist aber ganz einfach und schnell, machen Sie sich keine Sorgen!
Gehen Sie bitte auf Schritt 2 - Vorlage > Anpassen >Inhalt des Headers und der Fußzeile und löschen Sie die Objekte beim letzten Breakpoint. Dann fügen Sie sie erneut an, aber achten Sie darauf, dass sie für die Auflösung klein genug sind und gut platziert sind.
Vielen Dank. Mit freundlichen Grüßen.
Autor
Guten Tag Elisa B.,
auch nach dem Update auf Version 13.1.1.8 werden die Objekte bei einer Auflösung < 480 px nicht richtig positioniert und übereinander geschoben, obwohl genau auch dieses Problem mit diesem Updatte behoben sein soll. Wenn ich Ihrer Anleitung folge werden die Objekte bei allen Breakpoints gelöscht und stehen nicht mehr zur Verfügung, sodass sie auch nicht mehr eingefügt werden können. Im Übrigen soll die Anpassung "automatisch" erfolgen.
Guten Tag Karl,
die Objekten werden sowieso immer zur Verfügung stehen und Sie werden sie natürlich erneut einfügen können. Wenn Sie möchten können Sie das Projekt duplizieren und veruschen, wenn Sie Unregelmäßigkeiten erleben können Sie mir einen Screenshot senden.
Ich danke Ihnen im Voraus. Mit freundlichen Grüßen.