Недавно я использовал Bootstrap, отличную фронтальную каркас. Эта структура очень мощная. Структура включает в себя раскрывающиеся меню, группы кнопок, выпадающие кнопки, навигацию, навигационные стержни, панировочные сухари, пейджинг, набор, миниатюры, диалоговые окна предупреждения, панели прогресса, медиа-объекты и т. Д. Начальная загрузка была предварительно определена. Когда мы делаем веб -страницу, нам просто нужно напрямую вызвать CSS внутри.
Bootstrap - это отзывчивый макет, вы можете получить очень отличный опыт макета на широкоэкранных компьютерах, обычных компьютерах, планшетах и мобильных телефонах. Этот отзывчивый макет достигается с помощью функции Media Requery в CSS3, соответствующей различным стилям в соответствии с различными разрешениями. Brower IE8 не поддерживает эту превосходную функцию CSS3. Bootstrap написал в документе разработки, как использовать его для совместимости IE8. Если вы хотите быть совместимым с IE6 и IE7, вы можете искать BSIE (Bootstrap2)
Bootstrap определенно не так идеальна, как Chrome, Firefox и IE11 в IE8. Некоторые компоненты не гарантированно будут полностью совместимы, но их все еще нужно взломать.
1. Используйте объявление HTML5
<! Doctype html> Здесь нет пробелов <html>
ПРИМЕЧАНИЕ: Написание <! Doctype html public "-// w3c // dtd html 4.01 // en" "http://www.w3.org/tr/html4/strict.dtd"> не осуществится
2. Добавить метаги
Подтвердите версию IE этой страницы для отображения
<meta http-equiv = "x-ua-совместимый" content = "IE = edge, chrome = 1" /> <meta http-equiv = "x-ua-совместимый" content = "ie = 9" />
Примечание. Bootstrap не поддерживает режим совместимости IE. Чтобы позволить браузеру IE запустить последний режим рендеринга, приведенный выше тег будет добавлен на страницу. IE = Edge означает принудительное использование последнего ядра IE, и Chrome = 1 означает, если включен плагин браузера для IE6/7/8 и другие версии.
3. Представьте файл начальной загрузки
Копия кода следующая: <link href = "css/bootstrap/bootstrap.min.css" rel = "stylessheet">
4. Представьте html5shiv.min.js и response.min.js
Составьте браузеры, которые не (полностью) поддерживают теги HTML5 «Поддержка» для тегов HTML5
<!-[если lt ie 9]> <script src = "js/bootstrap/html5shiv.min.js"> </script> <script src = "js/bootstrap/resplion.min.js"> </script> <! [endif]->
5. Добавить 1.x версию библиотеки jQuery
Кода кода выглядит следующим образом: <script src = "js/bootstrap/jQuery-1.12.0.min.js"> </script>
6. Протестировано в соответствии с IE8, я нашел проблему, что заполнитель не поддерживается. Ниже приведено решение решения, которое IE поддерживает заполнителя. JQuery, цитируемый в этой статье, был прошел тестирование 1.12.0. Пожалуйста, обратитесь к jQuery в первую очередь.
<script type = "text/javascript" src = "js/bootstrap/jquery-1.12.0.min.js"> </script> <script src = "bootstrap/js/bootstrap.min.js"> </script>
Вы также можете использовать другие версии jQuery для введения
[code] <script type = "text/javascript" src = "js/bootstrap/jquery.placeholder.js"> </script>
Затем добавьте код в файл
<script type = "text/javascript"> $ (function () {$ ('input, textarea'). Placeholder ();}); </script>Сводка кода заключается в следующем:
<!DOCTYPE html><html lang="zh-CN"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0"> <meta http-equiv="X-UA-Compatible" Content = "IE = edge, chrome = 1"/> <meta name = "Автор" content = "Zhy"/> <Title> IE8 </title> <link rel = "styleSheet" href = "css/bootstrap/bootstrap.min.css"> <!-[if lte Ie 9]> <script src = js/js/bootstrap/retect.> <! <script src = js/bootstrap/html5shiv.min.js "> </script> <! [endif]-> <script src =" js/bootstrap/jquery-1.12.0.min.js "> </script> <script src = "js/bootstrap/bootstrap.min.js"> </script> </head> <body> </body> </html>
Примечание:
1. Заявления для определения версии IE в соответствии с т.е.
<!-[если LTE IE 6]> <! [ENDIF]-> IE6 и ниже видны <!-[если LTE IE 7]> <! [ENDIF]-> IE7 и ниже видны <!-[если IE 6]> <! 7]> <! [Endif]->
IE7 и версии больше, чем IE7, видны
LTE: это аббревиатура меньше, чем или равна, что означает меньше или равную.
LT: это аббревиатура меньше, чем означает меньше, чем.
GTE: это аббревиатура больше или равна, что означает больше или равного.
GT: это аббревиатура больше, чем, что означает больше, чем.
! : Это означает не равное, так же, как и неравственный символ суждения в JavaScript
Если вы все еще хотите учиться глубже, вы можете нажать здесь, чтобы изучить и прикрепить к вам 3 захватывающих тем:
Начальная учебник по обучению
Bootstrap Practical Rutorial
Учебное пособие по использованию плагина Bootstrap
Выше приведено в этой статье, я надеюсь, что это будет полезно для каждого обучения.