Header des Forums auf Mobilgeräten

[Karl.]

Hallo......

mir ist gerade aufgefallen, dass der Header auf Mobilgeräten im Querformat grauenvoll aussieht.

Wie lange das schon so ist, kann ich nicht sagen, ich nutze ein Galaxy S20 5G und den Browser Google Chrome.

Screenshot_20200904-152929_Chrome.jpg

Screenshot_20200904-152858_Chrome.jpg

Könnte man das etwas optimieren?

Gruß

[DerSarde]

Ich frage mich gerade, warum sich das bei dir überhaupt so ändert bei einem Wechsel auf Querformat... Bei mir sieht das so aus:

Screenshot_20200904_161033_com.android.chrome.jpg

Ich hol trotzdem mal Knidel mit dazu.

[Karl.]

Danke.

Ich frage mich gerade, warum sich das bei dir überhaupt so ändert bei einem Wechsel auf Querformat...

Entweder ziehen deine Admintools den Header oder deine Bildschirmauflösung / Zoomfaktor ist anders.

[robert_s]

Auf meinem Galaxy M31 ist sowohl im Samsung-Browser als auch in Chrome und sowohl im hoch- wie im querformat alles bestens.

Also wird es wohl an der Auflösung liegen? Bei mir 1080x2340, das S20 5G hat wohl 1440x3200. Vielleicht haben die Stylesheets da eine "Lücke"? Denn auf dem UHD-Monitor am PC ist auch alles perfekt.

[robert_s]

Ich frage mich gerade, warum sich das bei dir überhaupt so ändert bei einem Wechsel auf Querformat... Bei mir sieht das so aus:

Beim Querformat habe ich auch den Wechsel zur "Luxusvariante". Vielleicht ab 1920 Pixel horizontal?

[DerSarde]

Hm, also der Bildschirm von meinem Smartphone hat eine Auflösung von 1920x1080...

[robert_s]

Hm, also der Bildschirm von meinem Smartphone hat eine Auflösung von 1920x1080...

Ok, das Forum schaltet ab einer Fensterbreite von 701 auf die "Luxusvariante" um. Die vom Browser gemeldete Fensterbreite kann man sich hier anzeigen lassen:

https://www.rapidtables.com/web/tools/window-size.html

Und die muss nicht mit der Auflösung übereinstimmen. Mein Handy meldet da 412 im Hochformat und 812 im Querformat. Entsprechend ist das Hochformat mit dem einfachen Header und das Querformat mit der Luxusvariante.

Das "grauenvolle" Aussehen liegt allerdings an Chrome/Chromium. Firefox macht es richtig und packt nur volle Worte rechts neben das Logo, während Chrome/Chromium da einzelne Buchstaben reinquetscht. Kann man am PC leicht nachvollziehen, indem man die Breite des Browserfensters langsam verändert.

Also: Browserfehler. Wer mit der Anzeige auf seinem Mobilgerät unzufrieden ist, sollte Firefox installieren.

[Flole]

So einfach kann man sich das aber nicht machen wenn gefühlt 100% der Android Nutzer Chrome (oder was darauf basierendes) nutzt.....

[robert_s]

So einfach kann man sich das aber nicht machen wenn gefühlt 100% der Android Nutzer Chrome (oder was darauf basierendes) nutzt.....

Wenn man sich nach jedem kaputten Browser richten will, kann man vielleicht die Schwelle von >700 auf >816 verändern. Ab dann macht Chrome keine Fehler beim Umbrechen mehr.

[robert_s]

Das wäre übrigens hier zu ändern:
styles/prosilver/template/forum_fn.js

Code: Alles auswählen

		function check() {
			if ($(window).width() > 700) {
				if (!responsive) {
					return;
				}
				$this.text(fullText);
				responsive = false;
				return;
			}

Aus der 700 eine 816 gemacht und der Chrome sollte nichts mehr unerwünscht umbrechen.

In common.css steht übrigens:

body {
font-family: Verdana, Helvetica, Arial, sans-serif;
font-size: 10px;
line-height: normal;
margin: 0;
word-wrap: break-word;
-webkit-print-color-adjust: exact;
}

Aber das scheint keinen zu interessieren...