Почему плывет верстка в Safari?

Question

[nagge101]

Всем привет!
В чем проблема верстки? Почему она плывет в safari?
Верстал на FlexBox, даже засунул в autoprefixer и все равно...

Вот как выглядит в google:



Safari:



Код и саму верстку смотрим тут: ecos-x.ru/shop.html

Кто не понял про что я - плывет верстка сайдбара...

Comments

[Andrew]

Когда-то давно была проблема с let. Попробуйте var.

[nagge101]

Andrew, что простите?)

[Andrew]

nagge101, let на var поменяйте. scripts.js

[nagge101]

Andrew, а как это отразится ?

[nagge101]

Andrew, ничего просто не поменялось

[Hyubert]

nagge101, .shop-sidebar у вас имеет height: 500px;замените на min-height

[nagge101]

Hyubert, не сильно помогло, я убрал его полность, раньше для теста бьыло

[Максим Тимофеев]

Почему плывет верстка в Safari?

Потому что это жидкий браузер

А какая версия сафари и desktop или mobile
https://caniuse.com/#search=justify-content

[nagge101]

Максим Тимофеев, логично, но как мне сделать так, чтобы нормально отображалось?

[nagge101]

Максим Тимофеев, desktop, мобильная адекватно все воспринимает

[Максим Тимофеев]

nagge101, возможно в этом и секрет. У Вас 2 блока одинаковых .shop-main-sidebar Один для мобильной, второй нет. Попробуйте 1 удалить и проверить верстку.

Answer 1

[nagge101]

Обновил браузер и все стало отображаться нормально...
Не знаю с чем это связано, но вроде как решил проблему.

Comments

[Hyubert]

с высотой, я как в отладчике убрал - исправилось, а с обновлением, так это кеш наверное...