Slashcam-News in Safari zeigen Layout-Fehler

[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.

[tom]

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!

[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)

[dienstag_01]

Ah, Fehler gefunden, hab die Schriftgröße auf 125% eingestellt. Keine Ahnung, ob das dann zwingend so falsch angezeigt werden muss.

[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.

[soulbrother]

ist bei meinem Android (Samsnung S9) exakt genauso mit dem Balken rechts - seit längerem schon!

[dienstag_01]

Cache Löschen ändert nichts.

[7River]

Bei mir (iPhone 16 und iPad M2) ist die Darstellung korrekt.

[rush]

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

[dienstag_01]

Könnte was mit der Größe des Viewports zu tun haben. Also letztendlich mit der Displaygröße.
(Vermutung)

[vaio]

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.

[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

[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

[dienstag_01]

Wie sieht z.B. der oberste News-Artikel (Hollyland Lark M2S) in der Einzelansicht aus?

[vaio]

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

[dienstag_01]

Der zweite Screen zeigt den gleichen Fehler wie hier.

[vaio]

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

[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.