Страницы не отображаются должным образом в IE 11 при использовании темы bootsrapv3.0.0

У меня очень простой XPage с таблицей и некоторыми полями ввода. Приложение использует тему bootstrapv3.0.0 и плагин OpenNtf bootstrap4Xpages, выпущенный в 2014-01-28. Я думаю, что использую правильную разметку в соответствии с документацией bootstrap-3. В Chrome очень хорошо просматривается страница, но это беспорядок в IE 11. В IE таблица, кажется, обрезается с фиксированной шириной ок. 100px и характерная синяя рамка на выбранных "загруженных" полях ввода не отображаются, как следует Кнопки, созданные с помощью btn-предупреждения, как и ожидалось, также в IE. Это говорит мне, что по крайней мере некоторые из стилей правильно применяются в IE Кто-нибудь, кто столкнулся с этой проблемой? Любые советы по возможному решению (отказ от поддержки IE не является вариантом)?

Ответ 1

Вы используете IE11 в режиме совместимости? Попробуйте отключить режим совместимости и посмотрите, загружен ли сайт.

По умолчанию сайты интрасети загружаются в режиме совместимости, что, я думаю, действительно означает, что ваш веб-сайт будет выглядеть ужасно, если бы он был сделан в течение последних 15 лет.

Per Henrik Lausten имеет xSnippet, который может отображать предупреждение для ваших пользователей, если они работают так. http://openntf.org/XSnippets.nsf/snippet.xsp?id=display-warning-message-if-internet-explorer-uses-compatibility-view-mode

Ответ 2

Добавьте в заголовок html совместимый с x-ua заголовок, чтобы отключить IE так называемый режим совместимости:

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

Дополнительная информация в этом вопросе: Что такое < meta http-equiv = "X-UA-Compatible" content= &quot, IE = край " > делать?

Ответ 3

Я рекомендовал использовать эти строки до </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, вы можете предоставить любую ссылку, если возможно

Ответ 4

У меня были проблемы с форматированием и исправлено, добавив

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