DevBentoConversor Px para Em
Converta pixels em unidades em na hora com este conversor CSS grátis. Ajuste o tamanho da fonte pai e veja a conversão em tempo real.
Configurações da viewport
| Unidade | Valor | |
|---|---|---|
| pxPixel | 16 | |
| ptPoint | 12 | |
| pcPica | 1 | |
| cmCentimeter | 0.42333333 | |
| mmMillimeter | 4.2333333 | |
| inInch | 0.16666667 | |
| remRoot em | 1 | |
| emEm | 1 | |
| vwViewport width | 1.1111111 | |
| vhViewport height | 1.7777778 | |
| vminViewport minimum | 1.7777778 | |
| vmaxViewport maximum | 1.1111111 | |
| exx-height (approx) | 2 | |
| chCharacter width (approx) | 1.6666667 |
Converta pixels em em
Digite um valor em pixels para converter em em. A conversão divide seu valor pelo tamanho da fonte do elemento pai (16px por padrão). Diferente do rem, o em segue o pai mais próximo, ideal para componentes que escalam como unidade.
Valores comuns (pai 16px)
| Pixels | Em | Caso de uso |
|---|---|---|
| 12px | 0.75em | Texto pequeno no cartão |
| 16px | 1em | Igual ao pai |
| 24px | 1.5em | Título do cartão |
| 32px | 2em | Texto hero |
A armadilha do acúmulo
Em multiplica árvore abaixo. Três níveis de 1.2em produzem 1.728em na folha. Solução: aplique o fator em um nível só, ou use rem nos contêineres externos e em só dentro do componente folha.
Para unidades relativas à raiz teste Px para Rem ou veja todas no CSS Units Converter.
Nothing you paste leaves this tab. Every tool runs entirely in your browser — no upload, no server, no account.