Conversor de px para rem e em
Converta entre px, rem e em usando os seus próprios tamanhos de fonte raiz e de contexto — edite qualquer campo e os outros dois mudam na hora.
| px | rem |
|---|---|
| 8 | 0.5 |
| 12 | 0.75 |
| 14 | 0.875 |
| 16 | 1 |
| 18 | 1.125 |
| 20 | 1.25 |
| 24 | 1.5 |
| 32 | 2 |
| 40 | 2.5 |
| 48 | 3 |
Cada conversão é executada no seu navegador. Nada do que introduzir é carregado para o BroBroGo.
Perguntas Frequentes
Qual é a diferença entre px, rem e em?
A unidade px tem um comprimento fixo. A unidade rem é calculada em relação ao tamanho da fonte raiz da página, pelo que, com uma raiz de 16px, 1rem equivale a 16px. Já a unidade em é calculada em relação ao tamanho da fonte do elemento onde está inserida. Definir fontes e espaçamentos em rem permite que tudo se ajuste proporcionalmente quando o utilizador altera o tamanho padrão do navegador.
Por que razão existe um tamanho de contexto em em separado?
A unidade em é relativa ao tamanho da fonte do seu próprio elemento, que nem sempre é a raiz. Defina o contexto em em com o tamanho da fonte desse elemento para calcular o valor corretamente, e mantenha-o igual ao da raiz quando ambos coincidirem.
E se o tamanho da minha fonte raiz não for 16px?
Altere o campo de tamanho da fonte raiz para corresponder ao seu CSS e todos os valores em rem serão atualizados na hora. A tabela rápida abaixo serve como um guia prático para a base comum de 16px que a maioria dos sites utiliza.