Display: flex; — как прописать его свойства для кроссбраузерности?

Question

[Максим Тюльпаков]

В интернете написано, что флексы поддерживаются во многих браузерах при использовании
-webkit- , но я никак не врублюсь куда этот вебкит прописать, для каких именно свойств и каким образом?

Answer 1

[desuvin]

О таких вещах думать вообще не нужно, юзайте автопрефиксер

Answer 2

[Appp Zooo]

Иногда для тестов пользуюсь отличной онлайн утилитой pleeease.io, а вообще - gulp-autoprefixer.

Answer 3

[Rad1calDreamer]

@mixin flexbox() {
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
}

Answer 4

[Радмир]

Я верстаю в brackets - отличная штука, там же можно плагин autoprefixer установить который сам (!) будет при сохранении дописывать все префиксы для (старого дерьма) старых браузеров.

Comments

[Максим Тюльпаков]

не понравилось в брекетсе отсутствие операций с горячими клавишами, например привык копировать часть повторяющегося кода с помощью зажатого ctrl...

[Радмир]

Максим Тюльпаков: может быть уже есть какой нибуь плагин который это реализует.

[Максим Тюльпаков]

Еще не понравилось что поддержка PSD есть, но не фига не работает :) Да видимо я просто привык к NC++ как-то он шустрее реагирует на все происходящее. Единственный жирный плюс брекетса это конечно же автообновление внесенных изменений в код. Но этот плюс можно запустить и без работы в брекетсе,- берем запускаем файл в брекетсе, открываем через него браузер с автообновлением, сворачиваем брекетс, запускаем любой редактор и правим код, вуаля и жирный плюс перекачевывает в любой редактор.