2011-02-27 10 views
6

Todavía uso EM en CSS para especificar el tamaño de los elementos en mis plantillas.¿Las dimensiones del elemento CSS en EM siguen siendo contemporáneas?

Hoy en día, la mayoría de los navegadores pueden escalar correctamente los sitios web donde los tamaños se dan en PX.

Mi argumento para usar EM era/es: si una persona que tiene una discapacidad visual y cambia el tamaño de fuente de base en el navegador, el diseño aún le queda.

Lo estoy preguntando porque para mí sigue siendo una fuente de errores utilizar los EM. Cuando especifico un tamaño de fuente diferente y luego el tamaño de letra base en un elemento, a menudo olvido adaptar mi cálculo EM para los elementos secundarios.

ahora tengo 2 preguntas:

  1. ¿Cómo las personas con una discapacidad de vista configurar el navegador (ver que utilizan el zoom del navegador o hacer todavía cambian la base font-size)?

  2. ¿Sigue teniendo sentido utilizar el de EM para tamaños de elementos hoy en día?

Respuesta

8
  1. Basado en lo que he leído, ninguno. Los usuarios con dificultades visuales leves a moderadas a menudo usan aplicaciones distintas del propio UA para proporcionar funciones de acercamiento. Estas herramientas pueden ampliar todo o parte de una pantalla, pero (en mi experiencia limitada) no amplían el texto fuera de relación con la configuración.

  2. Todavía tiene sentido usar 'em'. En primer lugar, la accesibilidad no es la única razón para usar 'ems'. Creo que el modelo de herencia de tamaños relativos tiene más sentido con ems y porcentajes que con los píxeles.En segundo lugar, puede hacer cálculos en CSS3, si le ayuda a no tener que acordarse de adaptar sus cálculos.

árbitros:

+0

¡gracias por los enlaces! Espero que el cálculo esté funcionando pronto – meo

+0

¡De nada! Sí, calc será genial tener. – kojiro

0

Sigo siendo partidario de utilizar EM como unidad. Pero como dijiste, el navegador moderno escala bastante bien incluso con otras unidades.

Creo que lo más importante es usar siempre la misma unidad en todo el sitio web. Siempre y cuando no empieces a mezclar diferentes unidades, el navegador debería manejar todo bien.

La única ventaja real que veo hoy en día para usar EM, es que alguien que ha aumentado su tamaño de fuente predeterminado verá su sitio con elementos más grandes sin hacer nada. Si usa PX, la persona probablemente tenga que cambiar el tamaño manualmente.

+0

con una excepción: Cuando tiene elementos que contienen los sprites en el CSS, usted no puede usar el EM como el tamaño elemento. (Sé que con CSS3 puedes :)) – meo

1

Las dimensiones físicas (px) son generalmente peores que lógicas (pt, em,%) porque el tamaño y la resolución de los dispositivos físicos pueden variar enormemente (desde un pequeño auricular a una pantalla de escritorio o una pantalla de plasma montada en la pared). A menos que esté estrechamente ligado a una pieza de gráficos de trama, no debería haber ninguna desventaja al especificar las dimensiones en unidades lógicas.

Si siempre especifica los tamaños de fuente como porcentaje del tamaño de base, es más difícil olvidarse de usar las unidades lógicas :) También un usuario puede especificar el tamaño de fuente básico en el navegador y todo su diseño se adapta automáticamente.

Cuando el tamaño de letra es demasiado pequeño para leer, hago un zoom un poco. También especifico un tamaño de base bastante grande para páginas japonesas para que pueda distinguir los glifos. Pero si una página se resiste a adaptarse al cambio de fuente, por lo general solo toco mi bookmarklet 'Lectura' y el diseño ofensivo desaparece por completo.

+0

este es un buen argumento. ¿Pero por qué todavía está cambiando el tamaño de la fuente, y no el zoom predeterminado del navegador de la página? – meo

+0

porque es más fácil presionar ctrl + mousewheel que abrir configuraciones y cambiar el tamaño de fuente base, básicamente :) mi tamaño de fuente base actual es cómodo en el 99% de los sitios, pero de vez en cuando encuentro un sitio con letras incómodamente pequeñas, que Tengo que acercarme. – 9000

Cuestiones relacionadas