Gemeinschaft Lernen Tools-Bibliothek Freizeit

Deutsch

Heim > Web-Frontend > CSS-Tutorial > Warum werden meine SVGs im Internet Explorer nicht richtig skaliert?

Warum werden meine SVGs im Internet Explorer nicht richtig skaliert?

Linda Hamilton

Freigeben： 2024-12-18 18:45:22

Original

787 Leute haben es durchsucht

Why Aren't My SVGs Scaling Correctly in Internet Explorer?

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 %.

Code:
CSS:

Hinweis:

<div>

Nach dem Login kopieren

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!

Quelle：php.cn

Vorheriger Artikel：Warum sind meine CSS-transformierten Ränder in Chrome gezackt und wie kann ich sie beheben? Nächster Artikel：Wie behalte ich das Seitenverhältnis eines Div bei, während ich den gesamten Bildschirm in CSS ausfülle?

Erklärung dieser Website

Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn

Neueste Artikel des Autors

Aktuelle Ausgaben

function_exists() kann die benutzerdefinierte Funktion nicht ermitteln Funktionstest () {Verwendung der Verwendung durch -Durch -Durch -Durch -Durch -Durch -Durc...

Aus 2024-04-29 11:01:01

2225

So zeigen Sie die mobile Version von Google Chrome an Hallo Lehrer, wie kann ich Google Chrome in eine mobile Version umwandeln?

Aus 2024-04-23 00:22:19

2369

Das untergeordnete Fenster bedient das übergeordnete Fenster, aber die Ausgabe antwortet nicht. Die ersten beiden Sätze sind ausführbar, der letzte Satz jedoch nicht.

Aus 2024-04-19 15:37:47

1978

Im übergeordneten Fenster erfolgt keine Ausgabe document.onclick = function(){ window.opener.document.write('Ich bin die Ausgabe des unter...