smallweb | (Reply)

From:

Hmm, I'm not sure "rem" would solve that specific problem... From what I understand (and apologies if I don't make sense, I'm slightly feverish aha ^^"""): pixels are pixels, so far so good. Em are a multiplier on the default size and "stack" based on the parent element; currently most web browsers display text at 16px if you don't give any size so this is the base default: 1em = 16px, but if you size elements inside other elements you will get the multiplicative effect. Rem are also a multiplier on the default size, and use the same size as reference so 1rem = 16px, but they don't "stack" because the R in rem is for "root" so it's always compared to the root element's default, not to the current element's default. So if something looks "normal sized" on computer and tiny on mobile with em, there's no obvious reason for rem to act differently. I'd be more suspicious of a size in pixels or % having sneaked in (and I can't remember how % work for size right now and I'm too tired to look it up aha ^^""").