Почему ломается верстка в FireFox?

Question

[xlo240]

почему едет верстка меню в FireFox? В Chrome все нормально работает.
мебель-комфорт.рф

Answer 1

[FeST1VaL]

Берете открываете devtools и смотрите...

Comments

[xlo240]

А в Хроме почему-то работают эти стили

[FeST1VaL]

xlo240, если бы все везде работало не существовало бы понятия кроссбраузерность

Поддерживается браузерами
Safari 3.0 и выше (в Safari 2.0 использовался -khtml-margin-start)
Chrome 1.0 и выше

[Rustam Bainazarov]

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

Вопрос: почему не использовать обычный margin, почему именно эти свойства? Вы знаете, зачем нужны эти нестандартные свойства? Лично я — только узнал о них, даже статьи нормальной они не имеют.
https://stackoverflow.com/questions/33574237/what-...

Вполне возможно, что ваш сайт второй во всём Интернете, который их использует, LOL.

[inkShio]

caniuse.com в помощь

Answer 2

[reivunxx]

Чтобы таких проблем не возникало попробуйте использовать css-препроцессоры, например Sass https://sass-scss.ru/
Они обеспечивают расстановку всех вендерных префиксов где это необходимо.
Пишите display:flex, в препроцессор преобразует это в несколько css свойств для всех возможных браузеров

Comments

[Rustam Bainazarov]

В SCSS нет никакого функционала расстановки вендорных префиксов. Либо вы вручную делаете кучу миксинов, либо используете готовую библиотеку по типу Compass, либо используйте пост-процессор и Autoprefixer.