How do you Isolate CSS browser compatibility issues/bugs

1

Hello Everyone.

I have been working through the front-end certificate path recently and I have been trying to make some of my projects have nice transitions and stuff when a user clicks on an input field.

My issue has been getting elements to scale correctly on smaller browsers and to get transitions to look consistent between browsers. I was wondering if anyone has any pointers to limit the scope of a bug or compatibility issues between different browsers (in general).

2

Visit caniuse.com to see the support matrix and erratas.

2 Likes
3

Thanks for the response :smiley:

4

If you want cross browser compatibility with your CSS, I suggest use an auto-prefixing tool. This will add automatically vendor specific prefixes.
https://autoprefixer.github.io/

or CodeKit if you prefer stand-alone software.

1 Like