Solucionado (ver solução)
Solucionado
(ver solução)
2
respostas

Dúvida no Ex. 9 da Aula 1 - Pixels?

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?

2 respostas
solução!

Olá Gabriel Kyomen,

Tem um artigo que explica muito bem sobre unidade EM.

Dá uma olhada: https://tableless.com.br/unidade-pixels-em-rem/

Olá Vitor Souza,

Também encontrei esse artigo, é realmente muito útil e recomendo para quem teve a mesma dúvida que eu (no caso, não entender nada de EM e REM).

Agradecido, Gabriel Kyomen