# Dúvida: cálculo px para em/rem

**URL:** <https://forum.casadocodigo.com.br/t/duvida-calculo-px-para-em-rem/530>\
**Category:** Livros\
**Tags:** guia-frontend\
**Created:** [Maio 26, 2017, 2:00pm UTC](https://forum.casadocodigo.com.br/t/duvida-calculo-px-para-em-rem/530 "2017-05-26T14:00:17Z")\
**Posts on this page:** 1\
**Page:** 1

<div class="post-metadata">

**Author:** ![Xavito](https://avatars.discourse-cdn.com/v4/letter/x/fbc32d/32.png) [@Xavito](https://forum.casadocodigo.com.br/u/Xavito)\
**Post date:** [Maio 26, 2017, 2:00pm UTC](https://forum.casadocodigo.com.br/t/duvida-calculo-px-para-em-rem/530/1 "2017-05-26T14:00:17Z")

</div>

Amigos, bom dia!

Ao ler o guia front end, fiquei com uma dúvida sobre o calculo de transformar px para _em_.

Na página 99, o autor diz que a fórmula é: _target / context=result_, sendo que o target é o valor em px que você quer converter eo context é o valor do elemento **pai**.

Ao fazer exemplos de compatibildade com o IE8, ele diz que o código seria:

body {font: 100% verdana, arial, tahoma, sans-serif;}  
div {  
font-size: 30px;  
font-size: 1.88rem;  
}  
h1 {  
font-size: 20px;  
font-size: 1.25rem;  
}  
p {  
font-size: 12px;  
font-size: 0.75rem;  
}

Porém, seguindo a lógica da _fórmula_ os valores deveriam ser:  
h1: 20/30= 0,66rem.  
p: 12/30 = 0,4rem

Não é? Já que h1 e p está embaixo da div, que é o elemento **pai** dos dois.

Vocês poderiam me ajudar???

Outro ponto: vocês tem alguma explicação rápida sobre a diferença entre _em_ e _rem_?

Obrigado!!
