GWTBootstrap3組件在IE11中呈現不正確

Question

我的頁面元素應顯示在所有瀏覽器中，如下所示：

我只能通過在頁面加載期間打開開發工具才能在IE11中實現此目的，否則頁面將生成以下內容：

摘要

框元素上沒有圓角
無列對齊（所有標簽元素上的引導類“ col-lg-2”）
圖例格式未添加
一般對齊
沒有平滑的手風琴過渡-打開或關閉

僅IE11中存在此問題，該站點可在chrome，firefox甚至Safari中運行，而無需任何其他操作。 我已經找到了一些關於SO的IE修復程序，但是到目前為止，它們都沒有起作用：

* .html-添加元信息以使用Edge引擎

<!DOCTYPE ui:UiBinder SYSTEM "http://dl.google.com/gwt/DTD/xhtml.ent">
<html>
  <head>
    <!--[if IE]>
        <meta http-equiv="X-UA-Compatible" content="IE=Edge,chrome=1">
    <![endif]-->

    ... html continues with rest of head

* .js-防止未定義的控制台阻止處理

 if(!window.console) {
            console.log(item);
        }

我已經確定在重新加載頁面進行測試時會使用Ctrl F5，並且還重新啟動了devmode以查看是否有所作為。 我還通過查看兼容性設置來確認該站點未以兼容模式運行。

查看日志，可以看到在關閉開發工具的情況下加載頁面時，使用user.agent = ie8進行綁定，而在打開devtools的情況下，綁定屬性為user.agent = gecko1_8 。 我認為IE11應該始終使用gecko1_8排列-為什么這種情況不會發生？

（使用GWT版本2.7）

Answer 1

不知道這是否有幫助。 我們使用的是GWT（2.8，但我認為過去也可以使用2.7）。 使用GWT-Bootstrap3（ https://github.com/gwtbootstrap3/gwtbootstrap3 ）時，IE11中沒有任何問題。 我不確定您使用的是同一個引導程序庫嗎？

無論如何。 我們在html文件中添加了以下行（作為head標簽的第一行）：

<meta http-equiv="x-ua-compatible" content="IE=10">

我真的不記得我是怎么想到這一行的，但是版本歷史記錄指出：“現在可以在兼容模式下使用IE11”

因此，它必須使用GWT和Bootstrap 3，在IE-11中修復某些問題：-)

GWTBootstrap3組件在IE11中呈現不正確

問題描述

1 個解決方案

解決方案1
1 已采納 2017-02-07 15:14:43

GWTBootstrap3組件在IE11中呈現不正確

問題描述

1 個解決方案

解決方案1 1 已采納 2017-02-07 15:14:43

解決方案1
1 已采納 2017-02-07 15:14:43