Ich verwende die ausgezeichnete HTML 5 Reset-Vorlage unter html5reset.org und mein X-UA-kompatibler Meta-Tag scheint nicht zu funktionieren. Hier ist, was meine Header wie folgt aussieht:Html 5 Zurücksetzen (html5reset.org) - X-UA-Compatible funktioniert nicht
<!DOCTYPE html>
<!--[if lt IE 7 ]> <html class="ie ieNoHtml5 ie6 no-js" lang="en"> <![endif]-->
<!--[if IE 7 ]> <html class="ie ieNoHtml5 ie7 no-js" lang="en"> <![endif]-->
<!--[if IE 8 ]> <html class="ie ieNoHtml5 ie8 no-js" lang="en"> <![endif]-->
<!--[if IE 9 ]> <html class="ie ie9 no-js" lang="en"> <![endif]-->
<!--[if (gt IE 9)|!(IE)]><!--><html class="no-js" lang="en"><!--<![endif]-->
<!-- the "no-js" class is for Modernizr. -->
<head>
<meta charset="utf-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
<title>Title of Page</title>
Die Option Kompatibilitätsansichtsmodus in IE verwenden angezeigt wird (gebrochene Seitensymbol in URL-Feld). Das Problem ist, dass einige meiner Kunden ihren IE9-Browser eingestellt haben in dem Modus ‚immer Kompatibilitätsansicht verwenden‘, ist das Ergebnis, dass die Website wie IE7 sieht, obwohl sie IE9 verwenden und X-UA-Compatible wird angenommen, dies außer Kraft setzen .
Nun, wenn ich die lustigen Kopf Sachen entfernen:
<!DOCTYPE html>
<html class="no-js" lang="en">
<head>
<meta charset="utf-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
... es beginnt plötzlich fein arbeiten.
Ich habe bemerkt, dass html5reset.org selbst scheint das zerbrochene Seitensymbol angezeigt werden, so dass es scheint nicht zu funktionieren, aber html5boilerplate.com funktioniert, und scheint den gleichen Ansatz zu verwenden.
die X-UA-Compatible in den Antwort-Header über Webserver Konfiguration Hinzufügen scheint es zu beheben, aber ich möchte lieber nicht auf diesem Ansatz beruhen.
Update: Es scheint, dass html5boilerplate.com nur sendet X-UA-Compatible in den HTTP-Response-Header, wenn es erkennt, dass der Browser IE ist. Dies scheint der richtige Weg zu sein.