Should I use px or rem value units in my CSS?

Question

I am designing a new website and I want it to be compatible with as much browsers and browser settings as possible. I am trying to decide what unit of measurement I should use for the sizes of my fonts and elements, but am unable to find a conclusive answer.**My question is: should I use `px` or `rem` in my CSS?*** So far I know that using `px` isn't compatible with users who adjust their base font size in their browser.* I've disregarded `em`s because they are more of a hassle to maintain, compared to `rem`s, as they cascade.* Some say that `rem`s are resolution independent and therefore more desirable. But others say that most modern browsers zoom all elements equally anyway, so using `px` is not a problem.I'm asking this because there are a lot of different opinions as to what is the most desirable measure of distance in CSS, and I am not sure which is best.

Answer 1

This debate comes and goes so basically Use REMs for sizes and spacing. Use EMs for media queries and life will be easy for everyone.