Перейти к основному содержанию

Браузеры и устройства

Узнайте о браузерах и устройствах, от современных до старых, которые поддерживаются Bootstrap, включая известные особенности и ошибки для каждого из них.

Содержание

Поддерживаемые браузеры

Bootstrap поддерживает последние стабильные версии всех основных браузеров и платформ. Сюда также входит последняя версия Legacy Edge (механизм компоновки EdgeHTML).

Альтернативные браузеры, которые используют последнюю версию WebKit, Blink или Gecko, напрямую или через API веб-представления платформы, явно не поддерживаются. Однако Bootstrap должен (в большинстве случаев) правильно отображаться и работать в этих браузерах. Более конкретная информация о поддержке представлена ​​ниже.

Вы можете найти поддерживаемые нами браузеры и их версии в наших.browserslistrc file:

# https://github.com/browserslist/browserslist#readme

>= 1%
last 1 major version
not dead
Chrome >= 60
Firefox >= 60
Edge >= 16.16299
iOS >= 10
Safari >= 10
Android >= 6
not Explorer <= 11
not ExplorerMobile <= 11

Мы используем Autoprefixer для ручки предназначена поддержки браузера с помощью CSS префиксов, который использует Browserslist управлять этими версиями браузера. Обратитесь к их документации, чтобы узнать, как интегрировать эти инструменты в свои проекты.

Мобильные устройства

Вообще говоря, Bootstrap поддерживает последние версии браузеров по умолчанию для каждой основной платформы. Обратите внимание, что прокси-браузеры (такие как Opera Mini, Opera Mobile's Turbo mode, 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 с расширенной поддержкой (ESR).

Неофициально 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).

Масштабирование браузера

При масштабировании страницы неизбежно появляются артефакты рендеринга в некоторых компонентах как в Bootstrap, так и в остальной части Интернета. В зависимости от проблемы мы можем ее исправить (сначала выполните поиск, а затем при необходимости откройте проблему). Однако мы склонны игнорировать их, поскольку они часто не имеют прямого решения, кроме хитрых обходных путей.

Валидаторы

Чтобы обеспечить наилучшее взаимодействие со старыми браузерами и браузерами с ошибками, Bootstrap использует в нескольких местах хаки браузера CSS для нацеливания специального CSS на определенные версии браузера, чтобы обойти ошибки в самих браузерах. Эти хаки по понятным причинам заставляют валидаторов CSS жаловаться на их недействительность. В некоторых случаях мы также используем передовые функции CSS, которые еще не полностью стандартизированы, но используются исключительно для прогрессивного улучшения.

Эти предупреждения о проверке не имеют значения на практике, поскольку не-хакерская часть нашего CSS действительно полностью проверяет и хакерские части не мешают правильному функционированию не-хакерской части, поэтому мы сознательно игнорируем эти конкретные предупреждения.

В наших документах HTML также есть несколько тривиальных и несущественных предупреждений проверки HTML из-за того, что мы включили обходной путь для определенной ошибки Firefox.