¿Debo usar em o px?

Question

Estoy comenzando un nuevo proyecto web y me pregunto si usar em o px para el diseño y el tamaño de fuente.

A pesar de que la mayoría de los navegadores ahora admiten texto y zoom de imagen independientemente de si las fuentes están definidas en px o em, la compatibilidad de la comunidad para usar em sigue siendo sólida.

Pero hay 2 problemas que veo con el uso de em.

Primero está el problema con los monitores grandes y anchos: a menudo esto da como resultado un texto que recorre millas y millas en la pantalla, lo cual es muy difícil de leer mientras lee la página.

En segundo lugar, ¿qué sucede si su sitio necesita integrar un componente de Flash? Si desea que el componente Flash se ajuste exactamente dentro de un div (por ejemplo, el contenedor principal del sitio) que se define en em, ¿cómo lo haría ya que los componentes de Flash se miden en px?

¿Hay alguna razón convincente para usar EM sobre PX realmente?

Answer 1

primero es el problema con los monitores grandes y anchas - a menudo esto se traduce en millas texto funcionamiento y millas a través la pantalla, que es muy difícil de leer a medida que lee la página.

Usando em o px, todavía se puede definir un width (o max-width) a su disposición.

En segundo lugar, ¿qué ocurre si su sitio necesita integrar un componente de Flash? Si quiere que el componente Flash se ajuste a exactamente dentro de un div (por ejemplo, el contenedor principal del sitio) que está definido en em, ¿cómo lo haría desde Los componentes flash se miden en px?

Para caber exactamente, todavía puede usar 100% width, o tal vez no entendí su punto.

---

En teoría, el uso de em en lugar de px permitirá que su diseño sea fácilmente apreciable en base a las preferencias del usuario.

Pero hoy en día, los navegadores modernos pueden cambiar el tamaño de los diseños px y los diseños em, por lo que podría no ser tan relevante como lo era hace algunos años.

Answer 2

Cuando utiliza fuentes de tamaño relativamente grande en lugar de fijas, la principal ventaja es que un visitante (con discapacidad óptica) puede acercar/alejar la página web, incluidas las fuentes. Se trata de web accessibility.

Answer 3

px tiene el mismo problema que las que menciona con diferentes tamaños de monitores. Con px también hay más tendencia a pensar en términos de píxeles a medida que se dimensionan en el monitor (es decir, píxeles que tienen un cierto tono de punto). Como ems (y%) no tienen una relación de tamaño fijo con las pantallas, las personas no caen en la misma trampa. (px, como todos los píxeles de la imagen, realmente no tienen una relación fija 1: 1 para mostrar los píxeles, pero las personas suelen pensar de esa manera.)

Cuando se trata de alinear elementos reemplazados, ya sean Flash o imágenes, px son de hecho más apropiados (aunque Flash, al usar gráficos puramente vectoriales, se escalará a cualquier tamaño usando las unidades que desee). Personalmente, uso cualquier unidad que sea más natural para el tipo de elemento que determina el posicionamiento y el tamaño: px para imágenes & películas, em para texto,% para la ventana gráfica.

Answer 4

Ahora que los modernos navegadores escritoriopx escala y em la misma, creo que la discusión debe pasar a cómo el uso de uno o el otro va a mostrar en los dispositivos móviles como el iPad, iPhone, etc.