Business-Template: Phänomen mit Codezeile auf dem Smartphone (S5)!

Antworten

02.04.2018 16:15

Wolfgang
#1 Business-Template: Phänomen mit Codezeile auf dem Smartphone (S5)!

Wolfgang

Der Fehler muss erst in letzter Zeit aufgetreten sein!
Mit dem letzten Update?
Wann kann ich nicht genau sagen!

Auf dem PC, alles i. o.

Legt man mindestens eine Code-Tabelle mit mehr als 6 Zeilen an,
rutscht die numerische Aufzählung aus den Reihen (siehe Bild 2).
Aber nur auf meinem Samsung S5! Auf dem PC ist alles i.O.!

Samsung S5

Lösung mit Fragen:
Habe versucht in der Class ".codelines" "lineheight" anzupassen.
Auf dem Smartphone ist dann alles i.O, aber nicht mehr auf den PC!
Auf Tabletts habe ich es noch nicht testen können!

Wenn man allerdings [code]...[/code] mit etwas umschließt (z.B. [i]...[/i], ist der Fehler auf dem Smartphone weg!

1
2
3
4
5
6
7
8
 
[i][code]Test
 
Test[/code][/i]

Ist das nur bei mir so?
Wer weis weiter?

*******************************************************

Fehler 2:
Diese Eigenart gibt es schon länger...
Der Text in Code-Tabellen wird in Smartphones umgebrochen....

Mögliche Lösung:
Die Ursache liegt in der geringen Auflösung der Smartphones...
Würde mal im Style ".code pre" sehr klein wählen z.B. 100px, ist der Fehler auch verschwunden!
Aber die gesamte Code-Tabelle ist auf eine Breite von 100px geschrumpft!

Eine bessere Lösung währe wie folgt (Eintrag "Eigener CSS- Code"):
Die Code-Tabellen werden nun bis zum Rand geschrieben und in besonderen Fällen auf 600px geschrumpft!

1
2
3
4
 
.code pre{
width:auto;
max-width: 600px;
}
 

Gruß
Wolfgang

Forum für Hilfe, Tricks & Tipps / Foren-Nr.: 104774 / Template: Business (V4) / Browser: Edge

Antworten

Beitrag melden

23.06.2018 18:49

Wolfgang
#2 RE: Business-Template: Phänomen mit Codezeile auf dem Smartphone (S5)!

Wolfgang

Habe endlich den Fehler gefunden!

Habe auch herausgefunden, dass der Fehler nur im Samsung eigenen Browser aufgetreten ist!
Im mobilen FF oder Google Chrome trat der Fehler nicht auf!

Also lag es an meinem Smartphone (S5)!

Lösung:
Unter "Einstellung > Erweitert > Textgröße der Webseite" muss der Wert auf 100% stehen (stand auf 80%)!
Die Einstellung von 80% hatte wohl die Code-Tabelle verzerrt!

Bis dann
Wolfgang