Question

我有一个非常简单的XPage，带有一个表和一些输入字段。该应用程序使用bootstrapv3.0.0主题和2014-01-28发布的OpenNtf bootstrap4Xpages插件。我想根据bootstrap-3文档我正在使用正确的标记。该页面在Chrome中呈现得很好，但在IE 11中却是一团糟。在IE中，表似乎以约固定宽度切割。所选“自举”输入字段上的100px和特征蓝色边框未显示出应有的状态 btn警告显示的按钮按预期显示，也在IE中。这告诉我至少有一些样式也在IE中正确应用遇到这个问题的其他人？关于可能的解决方案的任何提示（不支持IE的支持）？

Answer 1

您是否在兼容模式下运行IE11？尝试关闭兼容模式并查看网站是否加载。

默认情况下，Intranet网站会以兼容模式加载，我认为这实际上意味着如果在过去的15年模式下，您的网站会显得很糟糕。

Per Henrik Lausten有一个xSnippet，如果用户正在运行，可以向用户显示警告。 http://openntf.org/XSnippets.nsf/snippet.xsp?id=display-warning-message-if-internet-explorer-uses-compatibility-view-mode

Answer 2

在html标头中添加x-ua兼容标头以禁用IE所谓的兼容模式：

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

此问题中的更多信息： What does <meta http-equiv="X-UA-Compatible" content="IE=edge"> do?

Answer 3

我遇到格式问题，并通过添加

得到修复

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

Answer 4

我建议您在</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如果可能，你可以提供任何链接

使用bootsrapv3.0.0主题时，页面在IE 11中无法正确呈现

4 个答案: