display:flex; - how to register its properties for cross-browser compatibility?

Question

css

It is written on the Internet that flexes are supported in many browsers when using
-webkit- , but I can’t figure out where to register this webkit, for which properties and how?

Answer 1

You don’t need to think about such things at all, use an autoprefixer

Answer 2

Sometimes for tests I use the excellent online utility pleeease.io , but in general - gulp-autoprefixer .

Answer 3

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

Answer 4

I type in brackets - a great thing, you can also install the autoprefixer plugin there, which itself (!) Will append all prefixes for (old crap) old browsers when saving.