Warum werden meine SVGs im Internet Explorer nicht richtig skaliert?

SVGs skalieren im IE nicht richtig – haben zusätzlichen Platz

Problem: Bei der Verwendung von SVG-Symbolen für die Reaktionsfähigkeit wird die SVGs werden im Internet Explorer nicht richtig skaliert (IE) >

Verwenden Sie einen von Nicolas Gallagher entdeckten Trick:

Hinzufügen eine Element mit dem gleichen Seitenverhältnis wie das SVG zum <div> mit der SVG-Datei.

Erstellen Sie die unsichtbar mit Sichtbarkeit: versteckt.

Positionieren Sie das SVG absolut innerhalb des <div> und setze seine Breite auf 100 %.

1. Code:
3. CSS:

Hinweis:

<div>

Dieser Trick zwingt den IE dazu, die SVG korrekt zu skalieren, indem er die verwendet als Referenz.

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