Sinopse: Tanto rem quanto em são unidades de tamanho em CSS. Rem é o tamanho da fonte do elemento root. Em é o tamanho da fonte do contexto local.

A unidade em é emprestada do mundo da tipografia impressa e é uma unidade que permite definir o tamanho da fonte de um elemento em relação ao tamanho de fonte declarado mais próximo em sua hierarquia de componentes.

A unidade rem, abreviação de root em, sempre faz referência ao valor do tamanho da fonte do elemento raiz, o elemento . Se o elemento não tiver um tamanho de fonte especificado, o padrão do navegador de 16px será usado.

Ambas as unidades podem ser usadas para atributos de qualquer tamanho, como margem e altura da linha. Se assim for, rem mantém a sua definição consistente. Em, por outro lado, faz referência ao tamanho da fonte do próprio elemento.

A opinião do desenvolvedor

Admito que os usei muito mais no código que escrevi, mas depois de aprender isso, rem é mais intuitivo e confiável que eles! Usarei rem a partir de agora, a menos que queira especificamente levar em consideração o dimensionamento no contexto localizado.

Se você é um desenvolvedor de HTML e está interessado em ingressar na missão de salvar o mundo, junte-se à equipe da Salvation Company, onde estamos fazendo exatamente isso! Os desenvolvimentos tecnológicos são um fator certo para fazer o que estamos fazendo, e há espaço tanto para iniciantes quanto para engenheiros arquitetos seniores! (E gerentes de produto, e designers, e técnicos, e estudantes, e consultores, e matemáticos, e...) As salas estão abertas; Você precisa permanecer respeitoso. É salvação de qualquer maneira? Vejo você lá!

UM