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

Pessimistisches Sperren und optimistisches Sperren in MySQL

In relationalen Datenbanken sind pessimistisches ...

Verwendung der MySQL-Zeitdifferenzfunktionen TIMESTAMPDIFF und DATEDIFF

Verwendung der Zeitdifferenzfunktionen TIMESTAMPD...

Detaillierte Erklärung des strikten Modus in JavaScript

Inhaltsverzeichnis Einführung Verwenden des strik...

Zusammenfassung der grundlegenden Operationen für MySQL-Anfänger

Bibliotheksbetrieb Abfrage 1.SHOW DATABASE; ----A...

Dynamischer Sternenhimmel Hintergrund umgesetzt mit CSS3

Ergebnis:Implementierungscode html <link href=...

Detaillierte Erläuterung gängiger Vorgänge für Docker-Images und -Container

Bildbeschleuniger Manchmal ist es schwierig, Bild...

Detaillierte Erklärung zum Lay-Loading von JavaScript

Inhaltsverzeichnis Lazy Loading CSS-Stile: HTML-T...

Lernen Sie die schwarze Technologie der Union-All-Verwendung in MySQL 5.7 in 5 Minuten

Leistung von „Union All“ in MySQL 5.6 Teil 1: MyS...

503 Dienst nicht verfügbar Fehlerlösungserklärung

1. Beim Öffnen der Webseite wird die Meldung „503...

Zusammenfassung zur Verwendung der Reduce()-Methode in JS

Inhaltsverzeichnis 1. Grammatik 2. Beispiele 3. A...

Konvertieren von XHTML-CSS-Seiten in Druckerseiten

In der Vergangenheit bedeutete das Erstellen eine...

Detaillierte Erklärung zur JavaScript-Datenabflachung

Inhaltsverzeichnis Was ist Abflachung? Rekursion ...