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

So importieren Sie SQL-Dateien in Navicat Premium

Ich habe heute mit der Arbeit an meinem Abschluss...

Daten in der Layui-Tabellenzeile dynamisch bearbeiten

Inhaltsverzeichnis Vorwort Stil Funktion Beschrei...

Lösung für das Problem, dass HTML2-Canvas-SVG nicht erkannt wird

Es gibt eine neue Funktion, die das Erfassen eine...

Zabbix konfiguriert DingTalks Alarmfunktion mit Bildern

Umsetzungsideen: Zunächst müssen die Alarminforma...

Einfaches Anwendungsbeispiel für eine rekursive Vue-Komponente

Vorwort Ich glaube, dass viele Studenten bereits ...

Lernen Sie schnell die MySQL-Grundlagen

Inhaltsverzeichnis SQL verstehen SELECT verstehen...

Detaillierte Erläuterung der FTP-Umgebungskonfigurationslösung (vsftpd)

1. Installieren Sie die vsftpd-Komponente Install...

Hbase – Erste Schritte

1. HBase-Übersicht 1.1 Was ist HBase? HBase ist e...

CSS3-Radarscan-Kartenbeispielcode

Verwenden Sie CSS3, um coole Radar-Scan-Bilder zu...

Implementierung eines einfachen Whack-a-Mole-Spiels in JavaScript

In diesem Artikel finden Sie den spezifischen Cod...