title: Should I use px or rem value units in my CSS?
body: <p>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.</p>
  <p><strong>My question is: should I use <code>px</code> or <code>rem</code> in my CSS?</strong></p>
  <ul>
  <li>So far I know that using <code>px</code> isn't compatible with users who adjust their base font size in their browser.</li>
  <li>I've disregarded <code>em</code>s because they are more of a hassle to maintain, compared to <code>rem</code>s, as they cascade.</li>
  <li>Some say that <code>rem</code>s are resolution independent and therefore more desirable. But others say that most modern browsers zoom all elements equally anyway, so using <code>px</code> is not a problem.</li>
  </ul>
  <p>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.</p>