Moin Torsten,
<a href="start.html"><img src="camera-solid.svg" width="25" height="25" alt="Bilder"></a>
Seltsamer Weise orientieren sich einige Browser an dem css und einige an den Pixelangaben.
Wie groß ist denn
1em
bzw. ein Pixel in deinen Szenarien?(Wie finde ich das denn raus gg)
Der Inspektor der Entwickler-Tools kann dir helfen diese Frage zu beantworten, drücke die Taste F12 und inspiziere die entsprechenden Elemente. Da werden üblicherweise die CSS-Regeln für das ausgewählte Element dargestellt sowie die berechneten Dimensionen.
So irre fit bin ich zwar nicht mit dem Inspektor, aber ich habe getan wie du mir geraten hast und hatte auch bereits gepostet:
"Die lokalen werden 30x16 dargestellt. Die online werden 30x25 dargestellt."
Und die im Inspektor gezeigten Regeln sind exakt identisch? Mach doch davon mal bitte Screenshots und zeige sie.
Bei dem 30x16er (und 1.6em Höhe) ist 1em also 10px hoch, beid em 30x25er ist es 15.625.
1em mit 12pt und (knapp) 15px ist in vielen Browsern der Default.
Wie ich berechnen kann wie groß ein Pixel ist entzieht sich meiner Vorstellungskraft außer ich messe die Bildschirmhöhe /1200 aber wozu brauch ich das?
Du kannst auch zwei Dinge (Boxen, Linien) neben-/übereinander darstellen und am Bildschirm vergleichen.
heute Abend werd' ich mal das css filetieren und häppchenweise entfernen, mal sehen ob das was bringt.
Das ist eine sehr gute Idee und ich bin auf das Ergebnis gespannt. Viel Erfolg!
Viele Grüße
Robert