Moin Torsten,
Die
svg
s sollen einfach nur als Icon im Footer vor sich her dümpeln und als klickbarer Link verfügbar sein. Sie sollen (gefälligst) eine Größe von1.6em
haben. Auch wenn jetzt alle Lachen, et klappt nich!Kurios ist das alle Browser lokal verstehen:
footer img { height: 1.6em; }
aber online verstehen das einige nicht, da gehen die svg's auf wie Marshmellows am Lagerfeuer, werden so groß wie der Viewport und verdecken alles Verdeckbare. Deswegen habe ich zusätzlich folgendes gemacht:
Da wäre dann die Frage, was die Entwickler-Tools, insbesondere der Inspektor anzeigen. Ich kann mir vorstellen, dass durch eingebundene externe Stylesheets unterschiedliche Regeln ziehen.
<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?
Das linke Bild wenn ich die Seite lokal lade, das rechte online. Google Chrome…
Bitte jeweils einmal F12
drücken und nachschauen, wo die Unterschiede sind.
Viele Grüße
Robert