使用 bootsrapv3.0.0 主题时，页面无法在 IE 11 中正确呈现 [英] Pages does not render properly in IE 11 when using the bootsrapv3.0.0 theme

问题描述

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

I have a very simple XPage with a table and some input fields. The application uses the bootstrapv3.0.0 theme and the OpenNtf bootstrap4Xpages plugin released on 2014-01-28. I think I'm using correct markup according to bootstrap-3 documentation. The page renders just fine in Chrome, but it's a mess in IE 11. In IE the table seems to get cut at a fixed width of approx. 100px and the characteristic blue border on selected "bootstrapped" input fields does not show up as it should Buttons styled with btn-warning display as expected, also in IE. This tells me that at least some of the styles is applied correctly in IE as well Anyone else who have run into this problem? Any tips on a possible solution (dropping support for IE is not an option)?

推荐答案

您是否在兼容模式下运行 IE11?尝试关闭兼容模式，看看网站是否可以加载.

Are you running IE11 in compatibility mode? Try turning off compatibility mode and see if the site loads.

默认情况下，Intranet 网站以兼容模式加载，我认为这真的意味着如果您的网站是在过去 15 年的模式下制作的，那么它看起来会很糟糕.

By default intranet sites load in compatibility mode, which I think really means your web site is going to look awful if it was made in the last 15 years mode.

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

Per Henrik Lausten has an xSnippet that can display a warning to your users if they are running like so. http://openntf.org/XSnippets.nsf/snippet.xsp?id=display-warning-message-if-internet-explorer-uses-compatibility-view-mode

这篇关于使用 bootsrapv3.0.0 主题时，页面无法在 IE 11 中正确呈现的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！