Браузеры и устройства
Узнайте больше о браузерах и устройствах всех видов, которые поддерживаются Bootstrap и об известных багах для каждого из них.
Поддерживаемые браузеры
Bootstrap поддерживает все новейшие, стабильные релизы браузеров и платформ.
Альтернативные браузеры, использующие последнюю версию WebKit, Blink или Gecko, напрямую или через API, явно не поддерживаются. Однако Bootstrap должен в большинстве случаев правильно работать в этих браузерах. Более подробная информация о поддержке приведена ниже.
Здесь вы можете найти версии поддерживаемых браузеров в файле .browserslistrc file
:
# https://github.com/browserslist/browserslist#readme
>= 0.5%
last 2 major versions
not dead
Chrome >= 60
Firefox >= 60
Firefox ESR
iOS >= 12
Safari >= 12
not Explorer <= 11
Мы используем Autoprefixer для обработки поддержки браузера через префиксы CSS с использованием Browserslist для взаимодействия и управления версиями браузеров. Смотрите документацию для получения информации по их внедрению в ваши проекты.
Мобильные устройства
В общем, Bootstrap поддерживает последние версии браузеров по умолчанию для каждой платформы. Заметьте, что прокси-браузеры (такие как Opera Mini, Турбо-режим в Opera Mobile, UC Browser Mini, Amazon Silk) не поддерживаются.
Chrome | Firefox | Safari | Android Browser & WebView |
|
---|---|---|---|---|
Android | Поддерживается | Поддерживается | — | v6.0+ |
iOS | Поддерживается | Поддерживается | Поддерживается | — |
Настольные браузеры
Точно так же поддерживаются последние версии большинства настольных браузеров.
Chrome | Firefox | Microsoft Edge |
Opera | Safari | |
---|---|---|---|---|---|
Mac | Поддерживается | Поддерживается | Поддерживается | Поддерживается | Поддерживается |
Windows | Поддерживается | Поддерживается | Поддерживается | Поддерживается | — |
Для Firefox, в дополнение к последней стабильной версии, мы также поддерживаем последние релизы Firefox с «расширенной поддержкой» - Extended Support Release (ESR).
Неофициально Bootstrap должен работать нормально в Chromium и Chrome для Linux, Firefox для Linux, хотя они официально не поддерживаются.
Internet Explorer
Internet Explorer не поддерживается. Если вам требуется поддержка Internet Explorer, используйте Bootstrap v4.
Модальные окна и выпадающие списки на мобильных устройствах
Переполнение и прокрутка
Поддержка для overflow: hidden;
в элементе <body>
весьма ограничена в iOS и Android. С этой целью, когда Вы прокручиваете верхнюю или нижнюю часть модального окна в браузере любого из этих устройств, содержимое <body>
начинает прокручиваться. См. Chrome bug #175502 (исправлено в Chrome v40) и WebKit bug #153852.
Текстовые поля и прокрутка в iOS
Начиная с iOS 9.2, пока модальное окно открыто, если начальное прикосновение жеста прокрутки находится в пределах текстового <input>
или <textarea>
, содержимое <body>
под модальным окном будет будет прокручиваться вместо самого модального окна. См. WebKit bug #153856.
Выпадающие элементы навигационной панели
Элемент .dropdown-backdrop
не используется в навигационной панели iOS из-за сложности z-индекса. Таким образом, чтобы закрыть раскрывающиеся списки на панели навигации, Вы должны непосредственно щелкнуть элемент раскрывающегося списка (или любой другой элемент, который вызовет событие «клик» в iOS).
Масштабирование в браузере
Масштабирование страницы неизбежно влечет искажения прорисовки некоторых компонентов Bootstrap и остальной страницы. В зависимости от вида проблемы, мы можем «починить» этот баг (пожалуйста, перед обращением к нам поищите решение сами). Однако, мы часто игнорируем подобные обращения, т.к. часто иного решения, чем временные «костыли», просто нет.
Валидаторы
Для обеспечения наилучшей работы на старых и глючных браузерах для применения определенных настроек CSS к определенным версиям браузеров и исправления «багов» в самих браузерах, Bootstrap иногда использует CSS browser hacks. Эти «хаки» по понятным причинам заставляют «ругаться» валидаторы CSS. Кое-где мы используем не до конца проверенные и стандартизированные, но нужные для прогресса, свойства CSS.
Эти «ругательства» валидатора не следует воспринимать серьезно, поскольку остальной наш CSS полностью валиден, а «хаки» не мешают правильному функционированию остального CSS. Посему смело игнорируйте эти предупреждения.
Наши HTML–документы также вызывают некоторые тривиальные и несущественные предупреждения – потому что в них есть «костыли» для исправления определенного «бага» в Firefox.