Should I use px or rem value units in my CSS

Question

I'm working on a new website, and I'd like it to work with as many browsers and settings as feasible. I'm attempting to figure out what unit of measurement I should use for font and element sizes, but I'm having trouble deciding.

My issue is if I should use px or rem in CSS.

So far, I've discovered that utilising px is incompatible with users who change their browser's default font size.
I've ignored ems because they're more difficult to maintain than rems because they cascade.
Some argue that rems are more desirable because they are resolution independent.

Answer 1

The answer is yes because using px units precluded the user from resizing the text at all. But, these days, browser zoom is the preferred approach for making everything bigger (including text), and it works wonderfully even when you use px.