Problem bei der responsiven Ansicht 
Author: Siegbert G.
Visited 287,
Followers 1,
Shared 0
Es gibt ein Problem bei der responsiven Ansicht zwischen zwei unterschiedlichen Smartphones.
Die Öffnungszeiten wurden als Tabelle angelegt.
ich habe eine Samsung Galaxy S10 (5,8 Zoll) und da sieht es so aus:
und bei meinem Bekannten auf dem Note 9 (6,4 Zoll) sieht es so aus:
Welche Lösung gibt es? Muss ich noch einen Breakpoint hinzufügen?
Wie kann so etwas passieren?
Ich habe auch im Hoverbutton einen Code, wie im Forum beschrieben, hinzugefügt, der bei meinem Galaxy einwandfrei funktioniert und beim Note die Zeilen verschiebt.
Posted on the
Author
Diese Punkte habe ich verwendet:
So sieht die Vorschau im kleinsten Punkt aus:
Bei mir sieht die Testseite in der Vorschau so aus, siehe 3 Screenshots unten
-----
----- Ansicht "Smartphone" -----
----- Ansicht 2 -----
Mal testweise den Punkt 480 erhöhen auf 500 und mehr, damit die Objekte untereinander platziert werden und nicht so stark zusammengequetscht werden.
Ich habe kein Smartphone und nutzte auch die Firefox-Smartphone-Simulation auf dem Notebook.
Author
Sieht doch gut aus. ich weiß nicht was bei dem Smartphone von meinem Bekannten passiert.
Author
Ok, probiere ich mal.
Author
Leider, keine Besserung.
Author
Komisch ist auch, dass der linke Block bei Allmersbach umbricht.
Was ist wenn du noch einen Breakpoint mit 640 einfügst? Wenn das auch nicht hilft, dann hat Note 9 HAndy die SChrift im Browser generell vergrößert.
Author
Hat auch nichts gebracht Wenn die Texe zu früh umbrochen werden, muss ich dann einen Breakpoint unter 480 anlegen obwohl der Bildschirm größer ist. Irgendetwas ist da faul.
Author
Bei meinem Schwiegersohn auf seinem Note 10 sieht es gut aus. Warum nicht auf dem Note 9?
Irgendjemand eine Idee?
Ein Versuch:
Mal in WebSite X5 unter "4 Seiten" die betreffende Seite aufrufen und oben auf "Responsive" klicken, um bei der vorletzten Auflösung einen "Zeilenumbruch" einzufügen, damit bei der kleinsten Auflösung die beiden Objekt untereinander platziert werden, siehe 2 Screenshots unten
Bei meiner Testseite wird die rote Linie für Zeilenumbrüche automatisch eingefügt und veranlasst in der nachfolgend niedrigsten Auflösung die Zeilenumbrüche der Objekte.
-----
-----
Hello Siegbert,
could you provide the URL for your page so that it can be inspected at different sizes?
Thank you.
Online translation:
Hallo Siegbert,
könnten Sie bitte die URL Ihrer Seite angeben, damit sie in verschiedenen Größen überprüft werden kann?
Vielen Dank.
Author
Hallo Eric,
hier ist der Link:
https://www.ristorante-bellavista-allmersbach.de
Hello Siegbert,
checking the page through the browser's inspector, none of the breakpoints have the objects displayed that way, so this seems to be something specific to their device.
I checked onmy device (6.8 inches) and the result was the same as on your device in terms of the layout.
Perhaps they are using some specific setting on the browser (or the phone itself), could you have them check this on a different browser?
Online translation:
Hallo Siegbert,
beim Überprüfen der Seite über die Entwicklerwerkzeuge des Browsers konnte ich bei keinem der Breakpoints eine Darstellung der Objekte in dieser Form feststellen – es scheint also etwas Gerätespezifisches zu sein.
Ich habe auf meinem Gerät (6,8 Zoll) geprüft und das Layout war identisch mit dem auf Ihrem Gerät.
Möglicherweise verwenden sie eine spezielle Einstellung im Browser (oder auf dem Smartphone selbst). Könnten Sie sie bitten, dies in einem anderen Browser zu testen?
Author
Hallo Eric,
vielen Dank für das schnelle Feedback.
Leite die Nachricht an meinen Kunden weiter.
Mfg Siegbert
Author
Hallo Eric,
habe eine Nachricht von meinem Kunden erhalten. Lag anscheinend am Samsung Browser. Die anderen haben bei ihm jetzt auch funktioniert.
Mfg Siegbert