@kiberlain

Неправильно обрабатывается flex-flow: row wrap; в сафари — как исправить?

Есть сетка взятая вот отсюда gridlex.devlint.fr/index.html

и есть несколько блоков https://jsfiddle.net/46kc4ne1/ которые при заполнении должны переносится на следующую строку (в данном случае блоки располагаются по три в ряд). Все браузеры отрабатывают корректно кроме сафари, в сафари блоки заполняют один ряд без переноса.
Какой хак можно применить для устранения данной проблемы?

272a987a4d3f40429b4c36d24654c485.png
  • Вопрос задан
  • 444 просмотра
Решения вопроса 1
@Flyer3d
Нужно поменять местами "display: -webkit-box; " и "display: -webkit-flex;" - и будет счастье! :)

Свежие сафари не отрабатывают -webkit-flex-flow в старом режиме display: -webkit-box;
Ответ написан
Пригласить эксперта
Ответы на вопрос 1
link_web
@link_web
Magento, Laravel, Zend, Shopify, Prestashop, WP
Прогнать css файл через GULP и будет вам счастье
Ответ написан
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы