Браузеры и устройства
Узнайте о браузерах и устройствах, от современных до старых, которые поддерживаются Bootstrap, включая известные особенности и ошибки для каждого.
Поддерживаемые браузеры
Bootstrap поддерживает последние, стабильные выпуски всех основных браузеров и платформ.
Альтернативные браузеры, которые используют последнюю версию WebKit, Blink или Gecko, напрямую или через API веб-просмотра платформы, явно не поддерживаются. Однако Bootstrap должен (в большинстве случаев) отображаться и функционировать корректно и в этих браузерах. Более конкретная информация о поддержке приведена ниже.
Вы можете найти поддерживаемый нами диапазон браузеров и их версии в нашем файле .browserslistrc
:
# 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
not kaios <= 2.5 # fix floating label issues in Firefox (see https://github.com/postcss/autoprefixer/issues/1533)
Мы используем Autoprefixer для обработки планируемой поддержки браузеров через CSS-префиксы, который использует Browserslist для управления этими версиями браузеров. Обратитесь к их документации для получения информации о том, как интегрировать эти инструменты в ваши проекты.
Мобильные устройства
Говоря в общем, Bootstrap поддерживает последние версии стандартных браузеров каждой основной платформы. Обратите внимание, что прокси-браузеры (такие как Opera Mini, режим Turbo в 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, помимо последнего обычного стабильного выпуска, мы также поддерживаем последнюю версию Extended Support Release (ESR) Firefox.
Неофициально, Bootstrap должен выглядеть и вести себя достаточно хорошо в Chromium и Chrome для Linux, а также в Firefox для Linux, хотя они официально не поддерживаются.
Internet Explorer
Internet Explorer не поддерживается. Если вам требуется поддержка Internet Explorer, используйте Bootstrap v4.
Модальные окна и выпадающие списки на мобильных устройствах
Переполнение и прокрутка
Поддержка overflow: hidden;
для элемента <body>
довольно ограничена в iOS и Android. По этой причине, когда вы прокручиваете за верх или низ модального окна в браузерах любого из этих устройств, содержимое <body>
начнет прокручиваться. См. ошибка Chrome #175502 (исправлено в Chrome v40) и ошибка WebKit #153852.
Текстовые поля iOS и прокрутка
Начиная с iOS 9.2, пока открыто модальное окно, если начальное касание жеста прокрутки находится в границах текстового <input>
или <textarea>
, содержимое <body>
под модальным окном будет прокручиваться вместо самого модального окна. См. ошибка WebKit #153856.
Выпадающие списки навигационной панели
Элемент .dropdown-backdrop
не используется в iOS в навигации из-за сложности z-индексирования. Поэтому, чтобы закрыть выпадающие списки в навигационных панелях, вы должны напрямую щелкнуть по элементу выпадающего списка (или любому другому элементу, который вызовет событие click в iOS).
Масштабирование браузера
Масштабирование страницы неизбежно вызывает артефакты отображения в некоторых компонентах, как в Bootstrap, так и в остальной части веба. В зависимости от проблемы, мы можем исправить ее (сначала поищите, а затем откройте обращение, если нужно). Однако мы склонны игнорировать это, поскольку у них часто нет прямого решения, кроме хаковых обходных путей.
Валидаторы
Чтобы обеспечить наилучший возможный опыт для старых и баговых браузеров, Bootstrap использует CSS-хаки для браузеров в нескольких местах для нацеливания специального CSS на определенные версии браузеров для обхода ошибок в самих браузерах. Эти хаки, понятно, заставляют CSS-валидаторы жаловаться, что они недопустимы. В нескольких местах мы также используем передовые CSS-функции, которые еще не полностью стандартизированы, но они используются исключительно для постепенного улучшения.
Эти предупреждения о валидации не имеют значения на практике, поскольку не-хаковая часть нашего CSS полностью проходит валидацию, а хаковые части не мешают правильному функционированию не-хаковой части, поэтому мы сознательно игнорируем эти конкретные предупреждения.
Наша HTML-документация также содержит некоторые тривиальные и несущественные предупреждения HTML-валидации из-за включения обходного пути для определенной ошибки Firefox.