Проблема с отображением сайта построенном на Bootstrap в Safari

15.12.2018 (обновлено: 21.02.2019)

Как побороться с отображением сайта сверстанным на bootstrap, в браузере Safari?
Сделал небольшой сайт, на bootstrap, достал свой iPad и ужаснулся — все расползлось…
Скачал сафари на ноут, то же самое…

Если статья понравилась, то поделитесь ей в социальных сетях:

Дата публикации

15-12-2018

Автор

Nik

Просмотры

451

Избранное

Нравится

Комментарии (2)

Nik 17 декабря 2018, 13:34 -1

Вообщем проблема эта обсуждаема повсеместно, не хочет safari работать правильно с flex-ами, в подробности пока не вдавался, но решения разные есть. Кстати itchief тоже некорректно отображается в сафари. Можно конечно бы было и забить на сафари, но все же…
Позже буду разбираться
1. Александр Мальцев 17 декабря 2018, 15:05 0
  
  Bootstrap 4 поддерживает Safari не ниже 9. В основном это конечно связано с CSS Flexbox. Согласно caniuse количество браузеров имеющих поддержку данной технологии где-то около 95%. А это означает что часть браузеров (около 5% от всех используемых) будут отображать сайты, основанные на CSS Flexbox не некорректно.
  
  Если вас это устраивает, то используйте CSS Flexbox. А если нет, то, например, float. Например, Яндекс (https://yandex.ru/) использует CSS Flexbox.
  
  Обеспечить 100% поддержку очень сложно, т.к. некоторые пользователи согласно caniuse, например, используют браузер Internet Explorer 6. И как быть в этом случае? Писать стили и для него…
  
  Самое простое решение – если нужно поддержка «старых» браузеров, например, использовать Bootstrap 3. Можно конечно и сочетать, но тогда придётся многое проигрывать и проверять. Если вы делаете проект на заказ, тогда уточняйте требования у заказчика к стеку браузеров, которые должны поддерживаться.

Вы должны авторизоваться, чтобы оставлять комментарии.