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