SVG-Images werden im IE/Edge falsch proportioniert

[MrMurphy1]

Hallo

Die proportionale Größenänderung ist bei SVG ein Kapitel für sich. Damit haben alle Browser unterschiedliche Probleme. Allgemeine Lösungen gibt es leider nicht.

Du kannst mal probieren auf die Breitenangaben direkt für die img-Elemente zu verzichten oder auch 100% Breite vorzugeben. Stattdessen bekommen die umgebenden figure-Elemente die Breitenangaben in vw.

Can I Use

http://caniuse.com/#search=svg

weist auch auf die Problematik hin (Anmerkung 2 bei Basic Support). Dabei wird auf das folgende Beispiel verwiesen:

http://codepen.io/tomByrer/pen/qEBbzw?editors=110

Vielleicht hilft dir das auch weiter.

Gruss

MrMurphy