web-dev-qa-db-ja.com

bootsrapv3.0.0テーマを使用すると、ページがIE 11で正しくレンダリングされません。

テーブルといくつかの入力フィールドを持つ非常に単純なXPageがあります。アプリケーションは、bootstrapv3.0.0テーマと2014-01-28にリリースされたOpenNtf bootstrap4Xpagesプラグインを使用します。 bootstrap-3のドキュメントによると、正しいマークアップを使用していると思います。ページはChromeで問題なくレンダリングされますが、IE 11では混乱します。IEでは、テーブルは約。選択された「ブートストラップされた」入力フィールドの100pxと特徴的な青い境界線は、IEでも予想どおりbtn-warning表示でスタイル設定されたボタンと同じように表示されません。これは、少なくともいくつかのスタイルがIEでも正しく適用されていることを教えてくれます。この問題に遭遇した人はいますか？可能な解決策に関するヒント（IEのサポートを削除することはオプションではありません）？

twitter-bootstrap-3xpages
12
Gunnar Almas

IE11を互換モードで実行していますか？互換モードをオフにして、サイトが読み込まれるかどうかを確認してください。

デフォルトでは、イントラネットサイトは互換モードで読み込まれます。これは、過去15年間のモードで作成されたWebサイトはひどく見えることを意味していると思います。

Per Henrik Laustenには、ユーザーがそのように実行している場合にユーザーに警告を表示できるxSnippetがあります。 http://openntf.org/XSnippets.nsf/snippet.xsp?id=display-warning-message-if-internet-Explorer-uses-compatibility-view-mode

29
Patrick Sawyer

HTMLヘッダーにx-ua互換ヘッダーを追加して、IEいわゆる互換モードを無効にします。

<!DOCTYPE html> 
<html> 
  <head> 
    <meta http-equiv="X-UA-Compatible" content="IE=Edge">

この質問の詳細： <meta http-equiv = "X-UA-Compatible" content = "IE = Edge">は何をしますか？

23
Jim

私はフォーマットの問題があり、追加することで修正されました

    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=Edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
3
Talha

</head>の前にこれらの行を使用することをお勧めします

<!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries -->
    <!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
    <!--[if lt IE 9]>
      <script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>
      <script src="https://oss.maxcdn.com/libs/respond.js/1.4.2/respond.min.js"></script>
    <![endif]-->

IE 8 IE 9でもまだです:)

IE 11で問題が発生することはありません。可能な場合はリンクを提供してください。

2
Yogendra Rawal