Is there a CSS framework that auto inserts browser compatibility?

Answer 1

The short answer is No.

To clarify the question a little bit for others, the term "browser compatibility" refers to CSS vendor prefixes. For example:

1. -webkit- (Chrome, Safari, newer versions of Opera, almost all iOS browsers (including Firefox for iOS); basically, any WebKit based browser)
2. -moz- (Firefox)
3. -o- (Old, pre-WebKit, versions of Opera)
4. -ms- (Internet Explorer and Microsoft Edge)

More info on Mozilla Developer Network here: https://developer.mozilla.org/en-US/docs/Glossary/Vendor_Prefix

--

Now, it's impossible to remember all vendor prefixes so in order to incorporate them in your CSS you need to automate this process. The most used tool for this is called Autoprefixer, see the documentation here: https://github.com/postcss/autoprefixer

If you need help working with Autoprefixer, just let me know, I'd be glad to explain and help you with it.

Regards.