Если есть сходство, для меня это честь, если книга будет переиздана — пожалуйста, укажите
Обходной путь, чтобы IE6 IE7 IE8 IE9 IE10 IE11 поддерживали Bootstrap
Недавно создал сайт. Я всегда считал, что bootstrap очень хорош. В этот раз я использовал bootstrap3, Chrome, Firefox, Safari, Opera, браузер 360 (режим скорости), браузер Sogou и другие браузеры не имеют проблем. В IE8 и IE11 обнаружил, что стиль не отображается. Затем разные Baidu. Наконец, с помощью одного из пользователей Yapeng.com решил проблему. Также смотрите Qianxun Learning Network. Решение краткое изложено следующим образом:
Во-первых, убедитесь, что ваша HTML-страница начинается с объявления DOCTYPE. DOCTYPE указывает браузеру, какую спецификацию HTML или XHTML использовать для разбора HTML-документа, что влияет на следующие факторы:
Ограничения на теги, атрибуты и свойства
Влияет на режим рендеринга браузера, а различные режимы рендеринга — на разбор CSS-кода и даже скриптов Javascrip{filter}t
DOCTYPE критически важен, и в настоящее время лучшая практика — вводить в первую строку HTML-документа:
<!DOCTYPE html>
Существует несколько причин для поиска Bootstrap, изложенных в посте бога: во-первых, Bootstrap3 был разработан на принципе мобильного устройства, поэтому причины могут быть следующими:
1. Удалённый адрес вызывается некорректно
То есть, если это IE9 или ниже, вызовите два специальных j
<!-- Поддержка HTML5 Shim и Respond.js IE8 элементов HTML5 и медиа-запросов -->
<!--[если это IE 9]>
<scrip{filter}t src="http://apps.bdimg.com/libs/html5shiv/3.7/html5shiv.min.js"></scrip{filter}t>
<scrip{filter}t src="http://apps.bdimg.com/libs/respond.js/1.4.2/respond.min.js"></scrip{filter}t>
<![endif]-->
Но я проверил и выяснил, что просто использовать вышеуказанные js-файлы невозможно,
2. Метод вызова некорректен
Не ссылайтесь на respond.min.js, respond.js или CSS-файлы в file:// или @import виде
3. Идентификация содержимого браузера (с использованием мета-тегов для корректировки метода рендеринга браузера)
Загрузка не поддерживает режим совместимости IE, и для запуска последнего режима рендеринга на страницу будут добавлены следующие теги
IE=edge означает, что последнее ядро IE вынуждено вводится, а chrome=1 означает, что если установлен браузерный плагин Google Chrome Frame для IE6/7/8 и других версий (что может сделать браузер по-прежнему похожим на меню и интерфейс IE, но пользователь фактически использует ядро браузера Chrome при серфинге в интернете), то для рендеринга используется ядро Chrome. Для подробного объяснения этого мета-тега смотрите отличный ответ на StackOverflow, а <meta>английское объяснение эксперта по тегам можно найти здесь
http://stackoverflow.com/questions/6771258/whats-the-difference-if-meta-http-equiv-x-ua-compatible-content-ie-edge-e
Я добавил
<meta http-equiv="X-UA-Compatible" content="IE=9" />
Вот и всё,
Ядро контролирует мет-тег, поскольку современные популярные браузеры в Китае — это двойные ядра, поэтому мета-тег добавляется, чтобы понять, какое ядро использовать для рендеринга страницы
4. IE8 не поддерживает несколько свойств контейнеров
IE8 не полностью поддерживает размер коробки: рамка с минимальной шириной, максимальной шириной, минимальной высотой или максимальной высотой. Таким образом, класс контейнера в bootstrap v3.0.1 больше не использует max-width.
5.JS проблема, вызванная порядком внедрения CSS
Перед ссылкой на js нужно процитировать css
<link rel="stylesheet" type="text/css" href="bootstrap.min.css" media="screen"/>
<scrip{filter}t type="text/javascrip{filter}t" src="js/respond.min.js"></scrip{filter}t>
6. DOCTYPE имеет пустые строки до и после
<!DOCTYPE html>
Здесь нельзя иметь пробелы, их нужно убрать
<html>
7. Вы также можете вручную изменить bootstrap.css
Если вы используете bootstrap 2.1.1, модификация navbar-inner{filter:none} может решить проблему, если вы используете версию 3.0+, кода нет, пожалуйста, смотрите соединение для подробностей
http://stackoverflow.com/questions/12460190/bootstrap-navbar-does-not-show-in-ie8
8. Используйте режим квирков
При определении веб-страницы режим, который обратно совместим со старыми браузерами — это режим quirks, а соответствующий «стандартный режим» — стандартный режим. В частности, <!DOCTYPE html> написан как раньше
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
Я тестировал это, но это невозможно
В конце концов я проверил под IE11, но под IE8 и обнаружил проблему, что временные заголовки не поддерживаются
Вот как решить проблему поддержки временных заполнений в IE
jquery, упомянутый в этой статье, тестируется в версии 1.11.1, и jquery ссылается первым
<scrip{filter}t type="text/javascrip{filter}t" src="http://code.jquery.com/jquery-1.11.1.min.js"></scrip{filter}t>
Также можно использовать другие версии jquery
Затем вводят <scrip{filter}t type="text/javascrip{filter}t" src="js/jquery.placeholder.js"></scrip{filter}t>
jquery.placeholder.js адрес для скачивания этого файла https://github.com/mathiasbynens/jquery-placeholder
Затем добавьте немного кода в файл
<scrip{filter}t type="text/javascrip{filter}t">
$(функция () {
Вызовите плагин
$('input, textarea').placeholder();
});
</scrip{filter}t>
Если я вовлечён в это или проблема всё ещё не решена, пожалуйста, передайте http://hustlzp.com/post/2014/01/ie8-compatibility подробности
Вышеуказанные тесты IE6, 7, 8, 9, 10, 11, Chrome, Firefox, Safari, Opera, браузер 360 (режим скорости), Sogou прошли, только IE5.5 кажется невыполнимым, короче говоря, проблема решена здесь, весь злой IE6 — назовём это соевым соусом
Если вы не хотите использовать jquery.placeholder.js, вы больше не сможете поддерживать реализацию эмуляции заполняющих в браузерах
Вы можете ознакомиться с этой статьёй для очень подробного http://ju.outofmemory.cn/entry/1595 |
Опубликовано 03.08.2016 22:55:23
|
|
|
Хозяин