0

なんらかの理由で、私が取り組んでいるサイトは、ブラウザとドキュメント モードのクロス マッチングを維持しています。IE8 開発ツールを開くと、ブラウザ モードは IE8 ですが、ドキュメント モードは IE7 です。

Doctype をいくつか変更しましたが、IE8 などのドキュメント モードのブラウザー モードでサイトを自動的に読み込むことができません。

現在のDoctype宣言:

<%@ Page Language="vb" AutoEventWireup="true"  Src="Scripts/Splash.aspx.vb" Inherits="SplashFunctionality"%>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>Welcome to CAE's KC-135 ATS Home</title>
<link rel="stylesheet" type="text/css" href="CSS/HomeStyles.css"/>
<link rel="stylesheet" type="text/css" href="CSS/headerStyles.css"/>
<script type="text/javascript" src="Scripts/Roladex.js"></script>
<script type="text/javascript" src="Scripts/HeaderNav.js"></script>
<script type="text/javascript" src="Scripts/HomeFunctionality.js"></script>
<script type="text/javascript" src="Scripts/JSTweener.js"></script>
</head>
<body>
4

2 に答える 2

2

これが発生する理由は通常、特定の条件下で互換モードに切り替えるように IE に指示する構成設定が原因です。これは、多くの場合、ローカル ネットワークでサイトを閲覧するときに発生するように設定されているため、開発中のサイトをテストしているときによく発生します。

もちろん、設定を変更してオフにすることもできます。ただし、ユーザーがその設定をオンにしている可能性があるため、サイト内で対処する必要があります。

X-UA-Compatibleこれを行う方法は、IE を強制的に正しいモードにするために使用できる meta フラグを設定することです。

ほとんどの場合、これに最適な設定は次のとおりです。

<meta http-equiv="X-UA-Compatible" content="IE=edge" />

<head>これをブロック内のコードの先頭に追加します。

それが役立つことを願っています。

于 2012-08-27T20:56:49.613 に答える
1

IEにブラウザで利用可能な最新の設定を使用させるには、Apacheを使用している場合にこれを.htaccessに追加できます。

# ----------------------------------------------------------------------
# Better website experience for IE users
# ----------------------------------------------------------------------

# Force the latest IE version, in various cases when it may fall back to IE7 mode
#  github.com/rails/rails/commit/123eb25#commitcomment-118920
# Use ChromeFrame if it's installed for a better experience for the poor IE folk

<IfModule mod_headers.c>
  Header set X-UA-Compatible "IE=Edge,chrome=1"
  # mod_headers can't match by content-type, but we don't want to send this header on *everything*...
  <FilesMatch "\.(js|css|gif|png|jpe?g|pdf|xml|oga|ogg|m4a|ogv|mp4|m4v|webm|svg|svgz|eot|ttf|otf|woff|ico|webp|appcache|manifest|htc|crx|oex|xpi|safariextz|vcf)$" >
    Header unset X-UA-Compatible
  </FilesMatch>
</IfModule>

詳細については、（記載されているとおり）github.com/rails/rails/commit/123eb25#commitcomment-118920を参照してください。

これを通常のメタタグとして追加することもできます。

<meta http-equiv="X-UA-Compatible" content="IE=edge" />

apacheを使用しない場合。

補足として、html5doctypeを使用することをお勧めします。

<!doctype html>
于 2012-08-27T20:48:26.770 に答える