CSS: Quanto vale 1rem?

REM é uma unidade relativa que toma como base o valor definido no font-size do :root. Você sabia que o R na palavra REM, significa raiz.

Na maioria dos navegadores, o font-size possui 16px, logo 1rem é igual a 16px.

Para saber os demais valores, acima de 1rem, basta multiplicar o valor em rem por 16, ex: 1.25rem x 16 = 20px.