[解決済み] 私のホームページでIE9が互換モードに切り替わってしまうのはなぜですか?
質問
IE9ベータ版をインストールしたところ、私が作成した特定のサイト(HTML5)において、IE9は手動で指示しない限り互換モードにジャンプしてしまうのです。ウェブサイトのいくつかの部分を削除してみましたが、変化がありません。CSSのインクルードをすべて削除することも含めて。私の他のサイトでは問題なく動作しています。
また、手動で設定するのはやめましょう。そうするとIE9がユーザーの設定を記憶してしまい、自動に戻すことができません(少なくとも私は、プライベートブラウジングやキャッシュを空にする方法さえ見つけられませんでした)。
とにかく 互換モードにジャンプするサイト。
http://alliancesatwar.com/guide/
正しくレンダリングされるもの。
http://geuze.name/basement/
(1つ以上のハイパーリンクを貼ることができません。)
どちらも同じ
doctype
などがあります。これらのサイトには多くの共通点があります(見た目は別として) 同じ基本テンプレート(エンコーディング、メタタグ、doctype、同じjavascript)を使っているのです。
どなたか回答していただけると幸いです。IE7モードでレンダリングするHTML5ウェブサイトはかなり...ダサいです。
どうすればいいですか?
IE9のdocumentModeで動作するようになりました。
がない場合は
X-UA-Compatible
ヘッダ/メタに明示的に documentMode を設定すると、それに基づいたモードが表示されます。
- ユーザーが以前にそのドメインで'互換表示'ボタンをクリックしたかどうか。
- おそらく、サイト上の他のコンテンツが原因で IE8/9 のレンダラーがクラッシュし、古いレンダラーにフォールバックしたために自動的に発生したものであるかどうかも考えられます。
- ユーザーが、デフォルトですべてのサイトを互換表示にすることを選択したかどうか。
- IE が、このサイトはイントラネット上にあると考え、互換表示にしているかどうか。
- マイクロソフトが独自に作成した、互換表示を必要とするウェブサイトのリストに当該サイトが含まれているかどうか。
これらの設定は、IEのメニューにある「ツール -> 互換表示の設定」から変更できます。もちろん、このメニューは現在こっそり隠されているので、Altを押すまで見えません。
サイト作成者として、自分のサイトが標準に準拠している(他のブラウザでもうまく表示され、どのブラウザの回避策を使用するかを機能スニッフィングで決定する)ことに自信がある場合は、この方法を使用することをお勧めします。
<meta http-equiv="X-UA-Compatible" content="IE=Edge"/>
またはHTTPヘッダを指定します。
X-UA-Compatible: IE=Edge
で、IEのバージョンが何であれ、最新のレンダラーを取得します。
関連
-
[解決済み] HTML IFステートメント
-
[解決済み] CSSでcellpaddingとcellspacingを設定する?
-
[解決済み] ローカルストレージとCookieの比較
-
[解決済み] div内の要素を縦に並べるにはどうしたらいいですか?
-
[解決済み] HTMLアンカーは'name'と'id'のどちらで作成するのが良いですか?
-
[解決済み] HTML5で(非空白の)自己閉鎖タグは有効ですか?
-
[解決済み] 検索エンジンはAngularJSアプリケーションをどのように扱っているのか?
-
[解決済み] IEでデベロッパーツールを一度開いただけで、JavaScriptが動作するのはなぜですか?
-
[解決済み] マークダウンにおける相互参照 (名前付きアンカー)
-
[解決済み】なぜHTMLは "chucknorris "を色と見なすのか?
最新
-
nginxです。[emerg] 0.0.0.0:80 への bind() に失敗しました (98: アドレスは既に使用中です)
-
htmlページでギリシャ文字を使うには
-
ピュアhtml+cssでの要素読み込み効果
-
純粋なhtml + cssで五輪を実現するサンプルコード
-
ナビゲーションバー・ドロップダウンメニューのHTML+CSSサンプルコード
-
タイピング効果を実現するピュアhtml+css
-
htmlの選択ボックスのプレースホルダー作成に関する質問
-
html css3 伸縮しない 画像表示効果
-
トップナビゲーションバーメニュー作成用HTML+CSS
-
html+css 実装 サイバーパンク風ボタン
おすすめ
-
[解決済み] slackのチームIDやチャンネルIDを調べる最も簡単な方法は何ですか?
-
[解決済み] 箇条書きのない順序なしリストが必要です。
-
[解決済み] CSSでdivのアスペクト比を維持する
-
[解決済み] リンクを新しいタブまたはウィンドウで開く[重複]。
-
[解決済み] インラインCSSでa:hoverを記述するには?
-
[解決済み] HTML5でfloat入力タイプはありますか?
-
[解決済み] CSSだけでリンクを無効化する方法
-
[解決済み] 特定のクラスや属性を持たない要素を選択するCSSセレクタは書けますか?
-
[解決済み] テーブル内のテキストアラインクラス
-
[解決済み] label要素の中にinput要素を入れるべきですか?