Qual unidade de medida utilizar? px, em ou rem?
Boa tarde galera,
Estou começando a desenvolver a minha primeira página em HTML e CSS, mas não sei qual unidade de media escolher para estilizar a minha página. Vejo exemplos com PX, outros com EM e outros com REM. Qual seria a diferença entre essas unidades? e qual seria a mais recomendada?
Desde já agradeço pela ajuda.
Estou começando a desenvolver a minha primeira página em HTML e CSS, mas não sei qual unidade de media escolher para estilizar a minha página. Vejo exemplos com PX, outros com EM e outros com REM. Qual seria a diferença entre essas unidades? e qual seria a mais recomendada?
Desde já agradeço pela ajuda.
André Gomes
Curtidas 0
Melhor post
Victor Machado
06/04/2017
Olá André,
Eu diria para você utilizar PX mesmo porque é uma unidade exata enquanto as outras são relativas, cada uma tem uma vantagem, mas tem caso que você tenha que ficar ajeitando para cada resolução, no mesmo modo que faria com PX.
PX: Pixels.
EM: É o tamanho relativo a fonte do elemento pai, exemplo:
A fonte do filho será 2 vezes a fonte do pai.
REM:É parecido com o em mas ele é relativo ao tamanho da fonte do elemento raiz.
Eu diria para você utilizar PX mesmo porque é uma unidade exata enquanto as outras são relativas, cada uma tem uma vantagem, mas tem caso que você tenha que ficar ajeitando para cada resolução, no mesmo modo que faria com PX.
PX: Pixels.
EM: É o tamanho relativo a fonte do elemento pai, exemplo:
<div style="font-size:16px;">
pai
<div style="font-size:2em;">
filho
</div>
</div>
A fonte do filho será 2 vezes a fonte do pai.
REM:É parecido com o em mas ele é relativo ao tamanho da fonte do elemento raiz.
GOSTEI 6
Mais Respostas
André Gomes
05/04/2017
Valew Hugo,
Muito obrigado, deu pra entender a diferença, mas fomo funcionaria em "EM"? e qual seria melhor para criar uma página responsiva?
um Abraço.
Muito obrigado, deu pra entender a diferença, mas fomo funcionaria em "EM"? e qual seria melhor para criar uma página responsiva?
um Abraço.
GOSTEI 1
Eduardo Farias
05/04/2017
Cara, o mais comum é você usar o px, mas dependendo da situação você pode fazer uso do em.
Costumo ter um pouco de cuidado com o vw, porque é necessário aplicar corretamente nas telas responsivas, já que se trata de uma tamanho relativo ao tamanho da largura da tela.
Mas se você se atentar bem nessas questões, qualquer unidade de medida será útil para você :)
Costumo ter um pouco de cuidado com o vw, porque é necessário aplicar corretamente nas telas responsivas, já que se trata de uma tamanho relativo ao tamanho da largura da tela.
Mas se você se atentar bem nessas questões, qualquer unidade de medida será útil para você :)
GOSTEI 1
André Gomes
05/04/2017
Valew Eduardo,
Muito obrigado.
Muito obrigado.
GOSTEI 0