Warum werden meine SVG-Symbole im Internet Explorer nicht richtig skaliert?

SVG-Symbole werden im IE nicht richtig skaliert: Zusätzlicher Platz

Internet Explorer weist seit langem einen Fehler auf, bei dem SVG-Symbole ohne Breiten- und Höhenattribute falsch skaliert werden.

Lösung

Eine Lösung existiert mit einem Trick, bei dem a Element, das IE richtig skaliert. Platzieren einer mit dem gleichen Seitenverhältnis wie das SVG innerhalb des enthaltenden <div> sorgt für die richtige SVG-Größe.

<div>

CSS

canvas {
  display: block;
  width: 100%;
  visibility: hidden;
}

svg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
}

Das obige ist der detaillierte Inhalt vonWarum werden meine SVG-Symbole im Internet Explorer nicht richtig skaliert?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!