Responsive Layout und UHD

Guten Abend zusammen,

ich habe seit einiger Zeit ein Problem mit der Darstellung meiner Webpräsenz auf UHD Monitoren. Bzw. seit dem Tag, an dem ich auf UHD (3840x2160px) umgestiegen bin.

Bisher war ich mit der Darstellung meiner Seite auf allen Geräten zufrieden. Egal ob Laptop, Tablet oder Smartphone. Bei UHD Auflösung jedoch wirken Texte und Bilder unnatürlich größer skaliert und verschoben. In den Layout-Einstellungen habe ich die Einstellung der maximalen Breite sowohl auf 3840 als auch auf 1920px getestet. Beides funktioniert bei FullHD Auflösung und kleiner ohne Probleme. Jetzt muss man dazu sagen, dass mein Windows 10 Den Bildschirminhalt um 175% größer skaliert. Dies funktioniert bei allen anderen Onlineseiten hervorragend und ohne merkliche Unterschiede zur Darstellung auf FullHD Auflösung. Bei meiner Seite finde ich jedoch den Haken einfach nicht... Kann mir jemand weiterhelfen?

Viele Grüße

Hallo Hanabi,

nachreichend die angefragten Infos:

Link zur betroffenen Seite: http://www.tropenzimmer.eu

Verwendete Zeta-Version: 14.3.3 Express

Verwendetes Layout: Album-responsive-Bistro

Grüße

Hallo Andre G.

Danke für das Lob betreffend meiner Seite. Technikbedingt wurde sie auch für 1920x1080px erstellt.

Beim Bildschirm handelt es sich um einen 27" Bildschirm von LG. Bei der 175% Skalierung (Win10 empfiehlt 150%) sieht, bis auf wirklich alte Programme, alles gestochen scharf und passend skaliert aus. Das Forum zum Beispiel sieht bei dieser Skalierung aus wie auf meinem nebenstehenden 1920x1080px Bildschirm. Gleiches gilt für Text verarbeitende Software, andere Webseiten wie Google, eBay und Amazon, Thunderbird und auch Zeta Producer selbst. Dies funktioniert jedoch auch nur unter Windows 10. Windows 7 kommt damit überhaupt nicht zurecht - da lässt sich die Skalierung auch nicht Bildschirmweise ändern, sondern wird direkt für alle angeschlossenen Monitore übernommen. Doof wenn der andere "nur" FullHD kann.

Warum nun ausgerechnet die Homepage selbst so seltsam skaliert wird, verstehe ich kein bisschen. Mir ist jetzt aber auch aufgefallen, das die Einstellung für ein mit scrollendes Menü nicht übernommen wurde... Kann mir da keinen Reim drauf machen.

Grüße

Grüß Dich Andre,

im Browser skaliere ich normalerweise nichts nach. Wie gesagt skaliert mir Windows 10 bisweilen alles perfekt so auf, wie ich es von 1920x1080px gewohnt bin. Jetzt habe ich aber, aus Versuchszwecken, das Skalieren im Browser auf deine Frage hin getestet... Jetzt kommt das ganz komische:
Skaliere ich im Browser auf 110%, so wird die Seite genau so angezeigt, wie es sich gehört. Nutze ich [STRG]+[0], um wieder auf die Ausgangsskalierung zu kommen, wird die Seite wieder seltsam auf skaliert. Das Versteh ich jetzt überhaupt nicht mehr Ich hänge den Unterschied mal als Screenshots an.

Skaliere ich Windows auf 100%, wird das Layout auf 1920px breite angezeigt und ist auch entsprechend klein. Wie es aussieht wenn Windows auf 100% skaliert ist, sieht man am dritten Screenshot.

Hallo Andre G.

Die Schrift geht mir, ja. Wenn ich Windows 10 auf 100% Skaliere und vergrößere, bekomme ich die unschöne Skalierung im Browser bei einer Skalierung auf 190%. Bei 200% Browserskalierung habe ich dann die Skalierung, die es eigentlich haben sollte wenn ich Windows um 175% hoch skaliere. Ich hoffe das war jetzt verständlich...

Wie gesagt Skaliert ansonsten jede Seite absolut passend. Dieses Problem kenne ich bis jetzt nur von meiner Seite. Die Schriftgröße auf der Homepage beträgt 1.0em. Zeilenhöhe 1.5, Absatzabstand 1em. Schriftart ist Helvetica.

Grüße

Hallo und guten Abend zusammen,

ich habe jetzt noch einmal herumgespielt. Habe die Angaben von "em" zu "pt" bzw. "px" geändert, in der Hoffnung das die Browser oder Windows sich an "em" einfach nur verschlucken. Leider ohne Besserung. Hat niemand mehr einen Rat für mich?

Grüße

Grüße in die Runde,

das hatte ich schon befürchtet, dass eine Fehlersuche mangels UHD Bildschirmen schwer wird. Ich habe noch ein wenig herum probiert aber selbst leider nichts gefunden, was dieses Verhalten fördert bzw. unterbindet. Für mich funktioniert die Lösung mit dem einmaligen [Strg]+[+] ausreichend. Ob ein entsprechender Hinweis auf der Seite jedoch Gehör finden würde, ist fraglich...

Guten Abend Zusammen,

eine Meldung aus der Versenkung. Das Problem besteht leider nach wie vor auch in Version 16 von ZP. Was ich feststellen konnte ist, dass es einen Zusammenhang zwischen der Bildschirmskalierung seitens Windows und des Browsers hinsichtlich des Responsive Layouts gibt. Ich habe meine Skalierung auf 175% in Windows gestellt, weil das für mich gefühlt die bessere Option ist. So sieht die Website im Browser bei 100% (Skalierung Browser), jedoch sehr verschoben aus. Behoben werden kann dies, in dem ich die Skalierung im Browser auf 110% stelle, wie bereits 2019 beschrieben. Dann habe ich die Darstellung, wie sie auch in ZP vorzufinden ist.

Stelle ich die Windows Skalierung hingegen auf die von Windows empfohlene 150%, so habe ich bei einer Browserskalierung von 100% ein ähnliches Ergebnis wie bei 175% / 110 %, wenn auch nicht ganz.

Auffällig ist für mich nach wie vor, dass dieses Phänomen bei keiner anderen Webseite auftritt. Da ich das Layout sehr schätze, wäre es wünschenswert wenn es hier irgendwo eine Stellschraube gäbe, um das Problem in den Griff zu bekommen

Weiß vier Jahre Später vielleicht jemand Rat?