Über IE8-Kompatibilität: Erklärung des X-UA-Compatible-Attributs
|
Problembeschreibung: Code kopieren Der Code lautet wie folgt: <meta http-equiv="X-UA-kompatibel" content="IE=9; IE=8; IE=7; IE=EDGE" /> 1. Was bedeutet das? 2. In einigen Beispielen werden "," verwendet, um IE-Versionen zu trennen, während in anderen ";" verwendet wird. Was ist richtig? 3. Ich möchte die Bedeutung der Reihenfolge IE=9; IE=8; IE=7; IE=EDGE wissen. Im Dokument <!DOCTYPE> Antwort: Für IE8 und höher beispielsweise: Code kopieren Der Code lautet wie folgt: <meta http-equiv="X-UA-kompatibel" content="IE=9; IE=8; IE=7" /> Erzwingen Sie, dass der Browser das Rendering gemäß einer bestimmten Version des Standards durchführt. Aber IE7 und darunter werden nicht unterstützt. Wenn sie durch ein Semikolon (;) getrennt sind, weisen unterschiedliche Browserversionen unterschiedliche Kompatibilität auf, zum Beispiel Code kopieren Der Code lautet wie folgt: <meta http-equiv="X-UA-kompatibel" content="IE=7; IE=9" /> Das Obige zeigt, dass IE8 und IE7 gemäß den IE7-Standards gerendert werden, IE9 jedoch weiterhin gemäß den IE9-Standards gerendert wird. Dies ermöglicht unterschiedliche Stufen der Abwärtskompatibilität. In Wirklichkeit müssen Sie sich jedoch nur für eine Version entscheiden: Code kopieren Der Code lautet wie folgt: <meta http-equiv="X-UA-kompatibel" content="IE=8" /> Dies erleichtert das Testen und die Wartung. Ein nützlicherer Ansatz besteht normalerweise darin, eine Simulation durchzuführen Code kopieren Der Code lautet wie folgt: <meta http-equiv="X-UA-kompatibel" content="IE=EmulateIE8" /> Für IE=EDGE Code kopieren Der Code lautet wie folgt: <meta http-equiv="X-UA-kompatibel" content="IE=Edge" /> Dies bedeutet, dass der Browser gezwungen wird, entsprechend den neuesten Standards zu rendern. Genau wie bei der Verwendung der neuesten Version von jQuery vom CDN von Google ist dies zwar auf dem neuesten Stand, kann aber ohne eine korrigierte Version auch Ihre Layouts beschädigen. Bedenken Sie abschließend Folgendes: Code kopieren Der Code lautet wie folgt: <meta http-equiv="X-UA-kompatibel" content="IE=Edge,chrome=1" /> Durch das Hinzufügen von „chrome=1“ kann die Site auf Clients gerendert werden, die Chrome Frame verwenden. Auf Clients, die dies nicht tun, hat dies jedoch keine Auswirkungen. Code kopieren Der Code lautet wie folgt:Weitere Informationen gibt es hier reichlich zu lesen und wenn Sie mehr über ChromeFrame erfahren möchten (was ich empfehle), können Sie sich hier über die Implementierung informieren. PS: X-UA-Compatible ist ein spezieller Dateiheader-Tag für die IE8-Version, der verwendet wird, um verschiedene Seitendarstellungsmodi für IE8 anzugeben. Es wird von anderen Browsern als IE8 nicht erkannt. Derzeit verwenden die meisten Websites <meta http-equiv=”X-UA-Compatible” content=”IE=EmulateIE7″ > als Kompatibilitätsmethode für IE8. Um Fehler in den unter IE8 erstellten Seiten zu vermeiden, wird empfohlen, IE8 direkt mit IE7 zu rendern. Das heißt, fügen Sie den folgenden Code direkt zum Meta-Tag des Seitenkopfes hinzu: Code kopieren Der Code lautet wie folgt:<meta http-equiv=”X-UA-Kompatibel” content=”IE=7″ /></p> <p><meta http-equiv=”X-UA-Kompatibel” content=”IE=EmulateIE7″ ></p> <p><meta http-equiv=”X-UA-Kompatibel” content=”IE=EmulateIE8″ > Aber <meta http-equiv=”X-UA-Compatible” content=”IE=EmulateIE7″ > ist immer noch die bevorzugte Wahl. Ursprünglicher Link von StackOverFlow: http://stackoverflow.com/questions/14611264/x-ua-compatible-content-ie-9-ie-8-ie-7-ie-edge?answertab=active#tab-top |
<<: Lösung für falsche Zeichenfolgenwerte in MySQL
>>: Semantisierung von HTML-Tags (einschließlich H5)
Artikel empfehlen
JS implementiert die Append-Funktion von jQuery
Inhaltsverzeichnis Zeig mir den Code Testen Sie d...
React implementiert ein allgemeines Beispiel für eine Skelett-Bildschirmkomponente
Inhaltsverzeichnis Was ist ein Skelettsieb? Demo ...
Pessimistisches Sperren und optimistisches Sperren in MySQL
In relationalen Datenbanken sind pessimistisches ...
CentOS 7 erstellt Hadoop 2.10 mit hoher Verfügbarkeit (HA)
Dieser Artikel beschreibt, wie man einen hochverf...
So implementieren Sie die Stapellöschung großer Datenmengen in großen MySQL-Tabellen
Die Frage wird zitiert von: https://www.zhihu.com...
Eine kurze Analyse der CSS-Funktionen :is() und :where(), die bald in Browsern verfügbar sein werden
Vorschauversionen von Safari (Technology Preview ...
Detaillierte Analyse des Unterschieds zwischen Ref und Reactive in Vue3.0
Inhaltsverzeichnis Ref und Reaktiv Referenz Reakt...
Teilen Sie die von Webdesign-Meistern häufig verwendeten responsiven Frameworks (Zusammenfassung)
Dieser Artikel stellt die von Webdesign-Meistern ...
11 Gründe, warum Bootstrap so beliebt ist
Vorwort Bootstrap, das beliebteste Front-End-Entw...
VMware virtuelle Maschine installieren CentOS 8 (1905) System-Tutorial-Diagramm
Die weltberühmte virtuelle Maschinensoftware VMwa...
Zusammenfassung der bei der Installation von Docker auf der Home-Version von Win10 aufgetretenen Probleme
Docker-Download-Adresse: http://get.daocloud.io/#...
Reines CSS3 zum Erstellen eines Beispielcodes für Haushühner
Ich habe in letzter Zeit viel Wissen und Artikel ...
Beispielcode für CSS-Spalten zum Erreichen eines zweiseitig ausgerichteten Layouts
1. Im Kreis herumlaufen Nach einigem Herumexperim...
Kreisförmiger Fortschrittsbalken mit CSS implementiert
Ergebnisse erzielen Implementierungscode html <...
Detaillierte Erläuterung der Deep Copy und Shallow Copy im JS-Variablenspeicher
Inhaltsverzeichnis Variabler Typ und Speicherplat...