Leider gibt es unterschiede bei der darstellung in Unterschiedliche Browsern.
Das liegt daran das diese auf unterschiedlicher Software aufgebaut sind und HTML, CSS und JavaSricpt leicht unterschiedlich darstellen.
Im Grunde gibt es 5 wichtige HTML-Renderer (so heißt der teil des Browser der dafür veranwortlich ist aus deiner Programmierung die Website für den Nutzer zu erzeugen)
- Blink (wir eingesetzt in Opera ab Version 15, Google Chrome ab Version 28, Vivaldi) Blink hat sehr große Ähnlichkeit mit Webkit und ist daraus hervorgegangen
- WebKit (u. a. Apple Safari, Google Chrome bis Version 27, Epiphany, ICab, Midori, JavaFX WebView)
- Gecko ( Mozilla Firefox, SeaMonkey, Mozilla Camino)
- EdgeHTML (Microsoft Edge für Windows 10) große änlichkeit zu Trident
- Trident (Internet Explorer für Windows)
Wenn du also sicher sein möchtest das es für alle gut aussieht musst du jeweils mit einem Webbrowser aus jeder Kategorie testen.
In der Regel nimmt man zum testen Chrome, Safari, Firefox, Edge und Internet Explorer (der macht in der regel die größten Schwierigkeiten )
Zusätzlich gibt es bestimmte funktionen die noch nicht alle Browser unterstützen. Du kannst auf der Website https://caniuse.com/ nachsehen was in welchem browser funktioniert.