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

Question

[scouser92]

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

Comments

[sinneren]

Качаем с рутора образ macos. качаем oraclevm. ставим образм. наслаждаемся макосью.

а так, могу предположить у phone-and-user-interaction height: 100% мешает

Answer 1

[sergski]

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

Comments

[scouser92]

спасибо!

Answer 2

[Юрий]

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

Comments

[scouser92]

спасибо!