Браузери та пристрої
Дізнайтеся про браузери та пристрої, від сучасних до старих, які підтримуються 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, режим Turbo Opera Mobile, UC Browser Mini, Amazon Silk) не підтримуються.
Chrome | Firefox | Сафарі | Браузер Android і WebView | |
---|---|---|---|---|
Android | Підтримується | Підтримується | — | v6.0+ |
iOS | Підтримується | Підтримується | Підтримується | — |
Настільні браузери
Так само підтримуються останні версії більшості настільних браузерів.
Chrome | Firefox | Microsoft Edge | Опера | Сафарі | |
---|---|---|---|---|---|
Мак | Підтримується | Підтримується | Підтримується | Підтримується | Підтримується |
вікна | Підтримується | Підтримується | Підтримується | Підтримується | — |
Для 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 у навігації через складність z-індексування. Таким чином, щоб закрити розкривні списки на навігаційних панелях, ви повинні безпосередньо клацнути спадний елемент (або будь-який інший елемент, який ініціює подію клацання в iOS ).
Масштабування браузера
Масштабування сторінки неминуче створює артефакти візуалізації в деяких компонентах, як у Bootstrap, так і в решті Інтернету. Залежно від проблеми ми можемо її вирішити (спочатку здійсніть пошук, а потім за потреби відкрийте проблему). Однак ми схильні ігнорувати їх, оскільки вони часто не мають прямого рішення, окрім хакерських обхідних шляхів.
Валідатори
Для того, щоб забезпечити найкращу роботу старих браузерів із помилками, Bootstrap використовує хаки браузерів CSS у кількох місцях, щоб націлити спеціальний CSS на певні версії браузерів, щоб обійти помилки в самих браузерах. Зрозуміло, що ці хаки змушують валідатори CSS скаржитися, що вони недійсні. У кількох місцях ми також використовуємо новітні функції CSS, які ще не повністю стандартизовані, але вони використовуються виключно для прогресивного вдосконалення.
Ці попередження перевірки не мають значення на практиці, оскільки нехакерська частина нашого CSS виконує повну перевірку, а зламані частини не заважають належному функціонуванню нехакерської частини, тому ми навмисно ігноруємо ці конкретні попередження.
Наші HTML-документи також містять деякі тривіальні та несуттєві попередження про перевірку HTML через те, що ми включили обхідний шлях для певної помилки Firefox .