Fiquei muito confuso com a aula de medidas do curso intermediário de HTML e CSS. O instrutor usou como base 1em = 20px na aula e nos exercícios. No site da própria W3C, consta 1em = 16px, dizendo que isso pode ser alterado no body do CSS apenas alterando o font-size. No código CSS do site desenvolvido, está escrito:
body{
font-size: 120%;
}
Assim, o valor da fonte (que é a base do em) seria de 19,2. Nessas condições, até entendo a aproximação, mas quando alterei todos os valores em px para em usando a conversão px/20 = em, o site ficou muito estranho, a imagem do nav cobriu o texto, entre outras coisas. Alguém pode me explicar o motivo e me ensinar esses calculos de alguma maneira mais simples?