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

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

Узнайте о браузерах и устройствах, от современных до старых, которые поддерживаются 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.

Комментарии для сайта Cackle