Conversor de PX para REM

Como funciona

No CSS, um rem é um múltiplo do tamanho de fonte raiz. Com o padrão do navegador de 16 px, 24 px equivalem a 1,5 rem e 16 px a exatamente 1 rem. Este conversor divide seu valor em pixels pela base que você definir. A razão para preferir rem é a acessibilidade. Um usuário que aumenta o tamanho de fonte padrão do navegador espera que toda a interface escale com ele — isso acontece automaticamente com rem, enquanto um layout fixado em pixels fica obstinadamente pequeno e pode se tornar inutilizável. A diferença com em é o ponto de referência: em é relativo ao tamanho de fonte do elemento *pai*, então os aninhamentos se acumulam (um em dentro de um em dentro de um em encolhe de forma imprevisível), enquanto rem sempre se refere à raiz e permanece previsível. Prática comum: rem para espaçamento e tipografia, em para propriedades que devam seguir o tamanho do próprio elemento, como o padding de um botão.