Кривая вёрстка на MacOS в Safari?



@scouser92

Ребята, помогите кто может.
Есть сайт nutstore.ru. На маке в сафари шапка съехала, должна быть в одну линию.de7fc9260a.png В других браузерах всё ок. Используется bootstrap 4 на флексах. У меня нет мака, и не могу проверить, поэтому прошу помощи. Если не сложно проинспектируйте элемент, может найдёте в чём там проблема?


Решения вопроса 0


Ответы на вопрос 2



@sergski

В Safari для .row:before, .row:after вычисляется ширина width: 1px; а в остальных браузерах width: 0px Эти 2px и ломают верстку.



@cheeroque

Очередной наркоманский баг Сафари. В 14 версии, судя по всему, таки пофикшен.
Как вариант, можно добавить сроке .flex-lg-nowrap, чтобы она в принципе не переносилась на разрешениях, где должно всё входить в одну строчку.

Добавить комментарий

Ваш адрес email не будет опубликован. Обязательные поля помечены *