[Seeker_44]

Hallo zusammen

Ich arbeite gerade an einer Webseite und der Kunde beschwert sich dauernd, wie schlecht sie aussieht. Bisher konnte ich seine Argumente nicht richtig nachvollziehen, bis er mir einen Screenshot der Webseite seines Samsung Galaxy S7 Smartphones mailte. Alle Schriften sind bei ihm doppelt so gross dargestellt wie in den Simulationstools, die von Browsern unter "Element durchsuchen" -> "Bildschirmgrössen testen" angeboten werden.

Um herauszufinden, ob nun meine Simulation falsch ist und die Schrift auf allen Galaxy Smartphones zu gross dargestellt ist oder ob das ausschliesslich ein Darstellungsproblem vom Smartphone meines Kunden ist, müsste ich sehen können, wie die Webseite auf richtigen Galaxy S7 Smartphones aussieht (andere Galaxy Smartphones gingen zur Not auch, hauptsache, die Auflösung unterscheidet sich nicht zu stark von S7).

Wer von euch hat ein Galaxy Smartphone und könnte mir von der Startseite der Webseite einen Screenshot mailen?

Die Webseite ist: https://www.heiniger-lehrlingsberatung.ch/

Ihr müsst nicht herunterscrollen, es reicht, wenn ihr vom Slider, der zuoberst ist, einen Screenshot macht. Je mehr Screenshots von unterschiedlichen Leuten, desto besser!

Der Kunde wird langsam sehr ungehalten, weswegen ich froh wäre, wenn ihr mir so bald wie möglich Screenshots zusenden könntet. Diese könnte ich ihm dann zeigen, um zu beweisen, dass es an seinem Smartphone liegt, vorausgesetzt, es ist nicht mein eigener Bug. Herzlichen Dank im Voraus!

Falls jemand von euch noch eine andere Idee hat, um herauszufinden, ob meine Simulation oder das Kunden-Smartphone ein Darstellungsproblem hat, lasst es mich bitte wissen!

[eugen.schuetz]

Teste mal hier selbst:
[url]
http://quirktools.com/screenfly/#u=https%3A//www.heiniger-lehrlingsberatung.ch/&w=360&h=640&a=39[/url]

[top]

Stell doch mal die Screenshots der von deiner Simulation und deines Kunden zum Vergleichen hier rein.

Bei meinem ollen Samsung J1 ist jedenfalls das Wort "Lehrbetriebe" in der Überschrift so breit, dass ich einen horizontalen Scrollbalken bekomme.

[Seeker_44]

@ eugen.schuetz:

Vielen Dank für den Link. Ich bin auf unterschiedlichsten solcher Testseiten und Browser-internen Entwicklungstools unterwegs. Die nützen mir im Moment aber herzlich wenig. :(

Mein Kunde ist inzwischen so brummig, dass wenn ich ihm Screenshots meiner Testumgebung maile, er mir nicht glauben und behaupten wird, meine Simulationen wären falsch. Und ich kann ja nicht mit letzter Gewissheit sagen, dass die Simulationen wirklich stimmen.

Der Lackmustest ist das echte Smartphone!

Ich kann ihn alleine dadurch überzeugen, dass ich ihm Screenshots von richtigen Smartphones anderer Leute maile. Erst dann wird er realisieren, dass mit der Darstellung auf seinem, und nur auf seinem Smartphone etwas nicht in Ordnung ist.

[Seeker_44]

@ top:

Hier der Screenshot von mir und vom Kunden gegenübergestellt:

https://heiniger-lehrlingsberatung.ch/screenshots_galaxy-s7.png

Wichtig: Bitte nur die Schriftgrössen beachten. Ich habe die Position der blauen Textbox nachträglich verändert, das ist also nicht relevant, die Schriftgrössen-Unterschiede waren schon vorher da.

Wie man sehen kann, ist das drei-Striche Symbol für das aufklappbare Menü und die weisse Schrift auf blauem Grund im Screenshot meines Kunden nahezu doppelt so gross wie bei mir.

Zur Überschrift unterhalb des Sliders (mit dem Wort "Lehrbetriebe"):
Ich habe einen Programmierer darauf angesetzt, mir einen Javascript zu schreiben, der Schriften automatisch verkleinert. Dieser Script ist noch nicht aktiv. Dieses Problem wird demnächst behoben werden.

[Icehawk]

Vermutung: Sieht mir so aus, dass der Kunde seine Schriftgröße im Handy global vergrößert hat. Das scheint sich dann wohl auch auf den Browser auszuwirken.

Vielleicht da mal nachhaken?

[Morgo]

https://developer.mozilla.org/de/docs/Web/CSS/text-size-adjust

normalize.css stellt es allerdings z.B. auf 100%, nicht auf none.