0

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

在此处输入图像描述

我只能在 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 版）

4

1 回答 1

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 中的某些内容 :-)

于 2017-02-07T15:14:43.440 回答