Servus,
kurz vorne weg: Ich bin mir bewusst, dass nicht jeder Browser jedes CSS-Feature unterstützt. Aber dafür gibt es ja Tabellen, in denen man das nachlesen kann.
Was ich aber nicht verstehe ist, wenn es im Browser (handheld) richtig angezeigt wird (auch wenn ich den Cache cleare), aber am nächsten Tag nicht mehr, egal was ich unternehme. Das reicht von Cache clearen bis zum kompletten Reupload des Inhaltes. Über Nacht ändert sich das aber wieder und am nächsten Tag wird alles wieder korrekt angezeigt, obwohl ich nichts am Code geändert habe. Zudem unterscheiden sich die Ergebnisse nicht nur zwischen den OS oder allg. den Geräten, sondern auch innerhalb dieser. Z.B. wird es, an einem bei MIR funktionierenden Tag, sowohl auf meinem Android-Testgerät (Samsung S9) als auch auf meinem iOS-Testgerät (iPhone 8 ) korrekt angezeigt. Auf dem iPhone 8 eines Kommilitonen wird es aber wieder falsch angezeigt/umgesetzt.
So, was meine ich überhaupt mit falsch angezeigt/umgesetzt:
1. Container mit float-Elementen
Cascading Style Sheet
1: 2: 3: 4: 5: 6: 7: 8: 9:
| .irgendeinContainer { display: float-root; }
bzw.
.irgendeinContainer:after { clear: both; } |
wird manchmal ignoriert und manchmal nicht (ohne was zu ändern)
2. Styling einer ul
Cascading Style Sheet
1: 2: 3: 4: 5: 6: 7: 8: 9: 10: 11: 12:
| .irgendeinContainer nav ul { list-style: none; }
.irgendeinContainer nav ul a { text-decoration: none; border-top: 1px solid black; }
.irgendeinContainer nav ul a li { color: white; } |
Mal werden die Punkte der ul angezeigt, mal nicht. Manchmal akzeptieren die anchor tags das Design und manchmal wird die Standard-Textdecoration und -Farbe verwendet (also blau ganz normal bzw. ein lila Ton wenn man die Seite bereits besucht hat)