Eine Codezeile löst verschiedene IE-Kompatibilitätsprobleme (IE6-IE10)

Eine Codezeile löst verschiedene IE-Kompatibilitätsprobleme (IE6-IE10)

x-ua-compatible wird verwendet, um das Modell für den IE-Browser zum Parsen und Kompilieren von Seiten anzugeben.

Das x-ua-kompatible Header-Tag unterscheidet nicht zwischen Groß- und Kleinschreibung und muss im Kopf und vor anderen Meta-Tags außer dem Titel verwendet werden.

1. Geben Sie in einer Codezeile an, dass der Browser einen bestimmten Dokumentmodus verwenden soll.

 <meta http-equiv="x-ua-kompatibel" content="IE=9" >
<meta http-equiv="x-ua-kompatibel" content="IE=8" >
<meta http-equiv="x-ua-kompatibel" content="IE=7" >

2. In einigen Fällen müssen wir die Analyse des Dokuments durch den Browser auf eine bestimmte Version beschränken oder die Leistung des Browsers auf einige ältere Versionen beschränken. Sie können die folgende Methode verwenden:

 <meta http-equiv="x-ua-compatible" content="IE=EmulateIE9" >
<meta http-equiv="x-ua-compatible" content="IE=EmulateIE8" >
<meta http-equiv="x-ua-compatible" content="IE=EmulateIE7" >

Bei diesem Schreibstil analysiert der Browser es entweder im Standardmodus oder im IE5-Quirks-Modus.

3. Zu Testzwecken können wir auch die folgende Anweisung verwenden, um festzulegen, dass der Browser die Seite gemäß dem höchsten Standardmodus analysiert.

 <meta http-equiv="x-ua-kompatibel" content="IE=edge" >

4. Geben Sie mehrere Modi an. Wir können mehrere Versionen durch Kommas trennen. In diesem Fall wählt der Browser für die Darstellung im Standardmodus die am höchsten unterstützte Version aus dieser Liste aus. Wie im folgenden Beispiel gezeigt, wird beim Surfen in IE8 der IE7-Standardmodus zum Rendern verwendet, da dieser IE9 und IE10 nicht unterstützt.

 <meta http-equiv="x-ua-kompatibel" content="IE=7,9,10" >

Das Obige ist der vollständige Inhalt dieses Artikels. Ich hoffe, dass der Inhalt dieses Artikels Ihnen bei Ihrem Studium oder Ihrer Arbeit helfen kann. Gleichzeitig hoffe ich auch, dass Sie 123WORDPRESS.COM unterstützen können!

<<:  MySQL-Datenbank-Indexreihenfolge durch Sortierung – detaillierte Erklärung

>>:  Detaillierte Erklärung von sechs mit JavaScript implementierten Karusselleffekten für Webseitenbilder

Artikel empfehlen

Fassen Sie einige häufige Rankingprobleme in MySQL zusammen

Vorwort: In manchen Anwendungsszenarien stoßen wi...

Zwei Ideen zur Implementierung der horizontalen Datenbanksegmentierung

Einführung Aufgrund der zunehmenden Popularität v...

So erstellen Sie Ihre erste React-Seite

Inhaltsverzeichnis Was ist Rract? Hintergrund Rea...

Linux Überprüfen Sie den Installationsort der Software einfache Methode

1. Überprüfen Sie den Installationspfad der Softw...

Das Prinzip und die Anwendung der ES6-Dekonstruktionszuweisung

Inhaltsverzeichnis Array-Destrukturierungszuweisu...

Unterschied zwischen HTML ReadOnly und Enabled

Das Textfeld mit dem ReadOnly-Attribut wird auf de...

Docker-Cross-Server-Kommunikations-Overlay-Lösung (Teil 1) Consul-Einzelinstanz

Inhaltsverzeichnis Szenario Aufgabe Idee analysie...

Konfigurieren Sie die Java-Entwicklungsumgebung in Ubuntu 20.04 LTS

Laden Sie das Java Development Kit jdk herunter D...

Detaillierter Prozess zum Zeichnen dreidimensionaler Pfeillinien mit three.js

Nachfrage: Diese Nachfrage ist ein dringender Bed...