Em vs Px y compatibilidad con navegadores cruzados

Question

Soy un novato en CSS y me preguntaba si hay un beneficio al usar em en lugar de px cuando se trata de la compatibilidad de navegador cruzado de mi CSS.

Answer 1

Estrictamente hablando, el uso de em sobre px no es realmente un problema de compatibilidad entre navegadores: todos los navegadores admiten el uso de ambos para el tamaño de la fuente.

Solía ​​ser aconsejable evitar el uso de px para el tamaño de fuente, ya que el navegador con mayor cuota de mercado, IE6, no permitiría el cambio de tamaño del texto. Considera que px es un valor absoluto, no un valor relativo como em, por lo que no escalaría el tamaño del texto hacia arriba o hacia abajo en px.

Dependiendo de su público, es posible que no tenga que preocuparse por ello. Hay una gran información sobre los beneficios de la em, y cómo pueden ayudar a construir un diseño fluido aquí: http://www.alistapart.com/articles/fluidgrids/

Answer 2

EM se puede cambiar el tamaño en algunos navegadores más antiguos (IE 6 incluido) mientras que PX no lo hace. Pero, francamente, las personas que tienen accesibilidad necesitan poder cambiar el tamaño del tamaño de letra están usando navegadores más modernos.

Para un novato CSS stick con PX. EM puede ser un dolor, ya que son fluidos y puede tener algunos efectos extraños y no estoy seguro de por qué.

leer esto para obtener más información sobre PX - EM -% - http://css-tricks.com/2580-css-font-size/

Espero que esto ayude.

Answer 3

Sí. Algunos navegadores (-aunque IE8 -cough) todavía no escalan el texto correctamente cuando está en píxeles. Se acercan bien, pero cambiar el tamaño del texto no da resultados.

Ems tiene más o menos garantía de escalar cuando el usuario lo solicita. Además, los ems se pueden usar para botones de navegación o cuadros que se adaptan al texto que debe escalar bien con el texto, no solo se trata de un tamaño de fuente. Pruebe diferentes variantes en un conjunto de navegadores que amplían y amplían un texto para ver qué resultados obtiene.

Answer 4

Creo que algunas de las pautas que aprendí cuando comencé a trabajar en la web se han quedado en el camino y la recomendación de no cambiar el tamaño de las fuentes por px es una de ellas. La razón es simple: todos los navegadores contemporáneos ahora hacen zoom gráfico de páginas enteras muy limpiamente y, por lo tanto, el tamaño del texto como una característica del navegador es irrelevante.

El problema de ampliación de texto solo existe con IE6 (puede ampliar IE8). IE6 ahora tiene menos del 10% de participación global. Aquellos que son "difíciles de ver" representan alrededor del 2% de la población de los EE. UU. Eso significa que tratar de lidiar con IE6 beneficia al 0.2% de los usuarios en los Estados Unidos. Si hubiera un navegador con un 0,2% de share, todos lo ignoraríamos.

El beneficio de ignorar el tamaño de fuente "escalable" en favor de px es muy alto porque es más simple, tanto para implementar como para comprender. Es menos probable que se vea afectado por los misterios de la cascada, por un lado. Es especialmente útil en situaciones donde la altura debe controlarse con precisión, como en una barra de menú.

Recientemente he comenzado a eliminar em y% de sitios que estoy construyendo a favor de px, por lo que podría haber errores que no he alcanzado. Hasta ahora, encuentro el resultado alentador.

Recomendaría px, no solo para principiantes sino en general.