Frage von dienstag_01:Hinweis an die Redaktion: seit kurzem werden die News-Artikel auf meinem Iphone in einem fehlerhaften Layout angezeigt: der Text ist breiter als der Viewport und zusätzlich ist über den rechten Rand inklusive Text ein grauer Balken (wie ein überbreiter Scrollbalken) gelegt.
Wahrscheinlich ist das nicht nur auf meinem Gerät so.
Antwort von tom:
dienstag_01 hat geschrieben:
Hinweis an die Redaktion: seit kurzem werden die News-Artikel auf meinem Iphone in einem fehlerhaften Layout angezeigt: der Text ist breiter als der Viewport und zusätzlich ist über den rechten Rand inklusive Text ein grauer Balken (wie ein überbreiter Scrollbalken) gelegt.
Wahrscheinlich ist das nicht nur auf meinem Gerät so.
Danke für die Meldung! Das ist etwas seltsam, weil wir lange nicht mehr am Layout geändert haben. Auf einem iPhone X und einem 16 Pro gibt es bei uns keine Probleme, das wird schwer zu debuggen :-/
Hat jemand anders noch den Fehler?
PS
Kannst Du vielleicht noch eine Screenshot anhängen? Danke!
Antwort von dienstag_01:
Einmal die Seite nach dem Öffnen, einmal verkleinert und nach links geschoben um den Text vollständig zu lesen.
IMG_3174.png
IMG_3173.png
(Reihenfolge vertauscht)
Antwort von dienstag_01:
Ah, Fehler gefunden, hab die Schriftgröße auf 125% eingestellt. Keine Ahnung, ob das dann zwingend so falsch angezeigt werden muss.
Antwort von vaio:
Bei mir ist alles okay (12 Pro Max u. 15 Pro Max jeweils mit iOS 18.2.1)
Nachtrag: Auch mit Schriftgröße 125%.
Eventuell den Safari-Speicher mal löschen.
Antwort von soulbrother:
ist bei meinem Android (Samsnung S9) exakt genauso mit dem Balken rechts - seit längerem schon!
Antwort von dienstag_01:
Cache Löschen ändert nichts.
Antwort von 7River:
Bei mir (iPhone 16 und iPad M2) ist die Darstellung korrekt.
Antwort von rush:
tom hat geschrieben:
Hat jemand anders noch den Fehler?
Tritt bei mir gelegentlich auch in der Form auf, allerdings unter Android im Chrome Browser und eher random.
Hatte das vor längerer Zeit auch schonmal angesprochen - und ihr hattet irgendwas gemacht... Aber keine Ahnung - lange her.
Allerdings habe ich keine Probleme beim Beitrag um den es im Screenshot geht
Antwort von dienstag_01:
Könnte was mit der Größe des Viewports zu tun haben. Also letztendlich mit der Displaygröße.
(Vermutung)
Antwort von vaio:
dienstag_01 hat geschrieben:
Cache Löschen ändert nichts.
Erweiterungen wie Blocker können die Darstellung verändern. Auch verschiedene Geräte unter dem selben Account können die iPhone-Einstellungen beeinflussen. Dazu gibt es im iPhone-Menü mehrere Optionen (Einstellungen > Apps > Safari). Diese würd ich
alle kontrollieren, insbesondere die Punkte:
„Desktop-Website anfordern“,
„Einstellungen für Websites Geräteübergreifend teilen“,
„Erweiterungen“ nochmal „Geräteübergreifend teilen“
„Erweitert“
Wenn okay, würd ich alle Backups löschen und anschließend ein komplett frisches aufsetzen. Wenn nicht okay, Gerät neu aufsetzen oder anderen Browser nutzen.
Antwort von dienstag_01:
Interessantes Detail: die Slashcam-Startseite skaliert richtig (ab 150% fängt sie allerdings auch an zu spinnen: grauer Streifen, Text dagegen vorher umgebrochen).
Die Seiten für die einzelnen Rubriken (News; Test etc.) zeigen alle den Fehler.
Edit: Manche Seiten sind auf meinem Iphone komplett aus dem Layout (z.B. Sensorgrößenvergleich, Filmfestivalkalender - wahrscheinlich wegen statischer Größenangaben)), dagegen funktioniert Themen.
Edit 2: Es sieht so aus, als würden die Bilder auf den Seiten, die funktionieren richtig eingepasst, auf den nicht-funktionierenden sind sie breiter (und scheinen den grauen Streifen (Hintergrund?) sichtbar zu machen. Seiten ohne Bilder (formular etc.) zeigen keine Auffälligkeiten
Antwort von vaio:
Hier auf dem 12 Pro Max die Seiten Start, News und Forum. Jeweils vertikal und horizontal mit viel zu großer Vergrößerung, bei zwei Screenshots mit eingeblendeter Angabe.
IMG_4305.PNG
IMG_4306.PNG
IMG_4307.PNG
IMG_4309.PNG
IMG_4311.PNG
IMG_4312.PNG
Antwort von dienstag_01:
Wie sieht z.B. der oberste News-Artikel (Hollyland Lark M2S) in der Einzelansicht aus?
Antwort von vaio:
dienstag_01 hat geschrieben:
Wie sieht z.B. der oberste News-Artikel (Hollyland Lark M2S) in der Einzelansicht aus?
Die ersten beiden Screens mit 150% und der 3. mit 100%. Um beim 2. den Rest zu lesen, muss man den Screen zu Seite schieben.
IMG_4313.jpeg
IMG_4314.jpeg
IMG_4315.jpeg
Antwort von dienstag_01:
Der zweite Screen zeigt den gleichen Fehler wie hier.
Antwort von vaio:
dienstag_01 hat geschrieben:
Der zweite Screen zeigt den gleichen Fehler wie hier.
Na ja eher vor dem Gerät. :-)
Es bieten sich drei Möglichkeiten an:
1. Eine horizontale Ansicht (auch mit 150% ! keine seitliche „Dimmung“ mit einwandfreier Skalierung).
2. Den Screen einfach mit den Fingern vergrößern um entsprechend schieben.
3. In der Leseansicht kann man auf „unendlich“ vergrößern, wobei der Text dynamisch skaliert wird.
IMG_4316.png
Antwort von dienstag_01:
Den Reader kannte ich noch nicht, danke.
Allerdings bleibt es trotzdem ein Fehler im Layout, entweder liegt es am CMS oder an Safari. Ich habe gerade kein Android Handy und keinen anderen Browser, kann es nicht selber überprüfen.