em ou px no CSS?

Question

Qual a melhor op��o no uso do css, o em ou px?...

Fernando Blomer · Answer

Ol� Claudio, o EM � uma unidade de medida tipogr�fica. O unico problema que vejo em utilizar fonts em EM � que elas s�o vari�veis como a porcentagem, ou seja diferente da utiliza��o de pixels para usar o EM precisamos queimar um pouco de neuronios e usar a matem�tica para planejar nossas unidades no projeto. Segundo a "Wikipedia" 1em equivale aproximadamente 16 pontos.

A formula para efetuar o calculo seria:

target � context = result

Usando um exemplo que peguei na internet, imagine um t�tulo, H1, cujo seu tamanho de texto seja 20px.

h1 {
  font: 20px verdana, arial, tahoma, sans-serif;
}

Ent�o o target (que � o elemento que queremos modificar) � 20px. Nesse caso o BODY � o pai do nosso H1. Logo, valor da font do body � o context (contexto), que como j� dissemos tem o valor padr�o de 16px. Logo 20 � 16 = 1.25.

h1 {
  font: 1.25em verdana, arial, tahoma, sans-serif;
}

Segue alguns links sobre o assunto:

w3
Tableless

Claudio Aguiar · Answer

Sempre tem que fazer essa opera��o matematica? afinal, � bom ou n�o � ou � melhor o px por n�o ter complica��o?...

Fernando Blomer · Answer

Cara assim, eu sempre utilizo px e na minha opini�o � mais f�cil de utilizar e entender....

Claudio Aguiar · Answer

� a melhor op��o tambem?...

Ronaldo Lanhellas · Answer

A vantagem do em em rela��o ao px � a proporcionalidade que ele mant�m, em outras palavras, se voc� precisa de um layout melhor estruturado use o em apesar do trabalho ser maior, mas as vantagens nas altera��es futuras s�o melhores. Leia um pouco sobre: //tableless.com.br/unidade-pixels-em-rem/...

Claudio Aguiar · Answer

ok Ronaldo, vou l�-lo, obrigado....

Marcelo Pastore · Answer

Mais informa��es...[url]//blog.caelum.com.br/porque-usar-em-no-seu-css-hoje-em-dia/[/url]...

Claudio Aguiar · Answer

Obrigado!...

Marcelo Pastore · Answer

� mais simples o px e sem duvida o mais utilizado....

Claudio Aguiar · Answer

Deixarei para usar ele depois que souber bem, com as poucas leituras e conhecimento n�o da para enfrentar. valeu pessoal....

Soeuseijothaz · Answer

Deixarei para usar ele depois que souber bem, com as poucas leituras e conhecimento n�o da para enfrentar. valeu pessoal.[/quote]� por ai mesmo, no in�cio fa�a de forma simplificada e na qual voc� se sentir mais seguro.Com o tempo, com o ac�mulo de conhecimentos voc� vai agregando complexidade.O em � fundamental para e layout�s L�quido e responsivos....

Claudio Aguiar · Answer

Ainda tenho que ainda assimilar mais um pouco responsividade, mas irei fazer dessa forma mesmo, aprendendo mais da forma mais simples e assim evoluindo aos poucos....

Bruno Santos · Answer

Acredito que a diferen�a entre em e px � na responsividade. Se voc� quer um projeto responsivo, n�o tem como fugir do uso de em, j� se seu projeto � um site apenas para determinada plataforma, acho que vale poupar tempo usando px ou %.

Pelo que li aqui no post e algumas coisas a fora(internet) � mais complicado esse 'em', tambem acho que possa ser isso, mas n�o li nada a respeito.

Claudio Aguiar · Answer

Faz sentido, mas n�o tenho certeza....

Marcelo Pastore · Answer

Pelo que li aqui no post e algumas coisas a fora(internet) � mais complicado esse em, tambem acho que possa ser isso, mas n�o li nada a respeito....

F�rum em ou px no CSS? #503117