Question

我的页面元素应该出现在所有浏览器中，如下所示：

我只能在IE11中通过在页面加载期间打开开发工具来实现此目的，否则页面将生成如下：

摘要

框元素上没有圆角
没有列对齐（bootstrap类＆＃34; col-lg-2＆＃34; on 所有标签元素）
未添加图例格式
一般对齐关闭
没有平稳的手风琴过渡 - 打开或关闭

此问题仅适用于IE11，该网站适用于chrome，firefox甚至Safari，无需任何其他管道。我在SO上找到了一些IE修复程序，但到目前为止还没有一个有效：

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

<!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以查看是否会产生影响。我还通过查看兼容性设置确认该站点未在兼容模式下运行。

查看日志我可以看到，当关闭dev工具加载页面时，使用 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中没有任何问题。我不确定你使用的是同一个bootstrap库吗？

反正。我们在html文件中添加了以下行（作为head标记的第一行）：

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

我真的不记得我是如何想出这一行的，但版本历史记录表明：“现在可以在兼容模式下使用IE11了”

所以它必须在IE-11中使用GWT和bootstrap 3来修复某些东西： - ）

GWTBootstrap3组件在IE11中呈现错误

1 个答案: