entiendo las ventajas de usar ems a favor de las mediciones estáticas como píxeles y puntos, pero ¿por qué la mayoría de la gente por ahí CSS (exceptuado) prefieren usar ems en lugar de los valores de%?¿Cuáles son las ventajas de usar ems en lugar de% en CSS?
Para los tamaños de las fuentes:
Para todo lo demás (por ejemplo, el ancho de un elemento):
... para que haga cosas completamente diferentes y necesitan ser considerados en una base de caso por caso.
Me imagino que una de las razones es que muchos diseñadores web comenzaron como diseñadores de impresión y, por lo tanto, están acostumbrados a ems como unidad de medida. Ese es ciertamente el caso conmigo.
Ems se basan en un valor conocido y consistente (el tamaño de fuente) mientras que el porcentaje se basa en el tamaño del contenedor. Es mucho más difícil diseñar y comprender CSS cuando la base de sus dimensiones y tamaños está cambiando según el contexto (en qué elemento/contenedor se encuentra).
Gracias Nate, todavía estoy un poco confundido con las respuestas que proporcionó @ David y, si pudiera arrojar algo más de luz sobre el tema que realmente lo apreciaría –
Dar una página Diseño de 3 columnas con 25%/50%/25%, darle una fuente que permite 6 líneas de artículo (16% de tamaño de fuente), con 5 artículos por página (20% de altura)
Ahora imagina que en un dispositivo integrado que tiene una resolución de pantalla de 320x200px
Lo siento, pero no sigo ... = S –
No tiene mucho sentido. Ese tipo de dispositivo generalmente no representará una hoja de estilos de medios de pantalla (a menos que tenga un puerto de vista virtual y un dispositivo de zoom, como Safari para iPhone). Los tamaños de fuente definidos en porcentajes son relativos al tamaño de fuente del elemento principal, no al tamaño de la ventana gráfica o al contenedor. – Quentin
Lo siento, pero ni una sola vez me enfrenté a páginas web completamente inutilizables en una netbook, simplemente porque los autores asumieron que "todo el mundo usa pantallas gigantes" y que la página no encajaba en la pantalla al deshabilitar el desplazamiento o se reducía a un tamaño que los hacía ilegibles. –
+1: la respuesta definitiva. – Skilldrick
Gracias David, ¿entonces estás diciendo que es más seguro en términos de compatibilidad del navegador usar '%' en lugar de 'em' para tamaños de fuente? Además, si especifico un tamaño de fuente en '%', ¿se calculará usando el tamaño de fuente base o el bloque contenedor? –
Ninguno. Los tamaños de fuente especificados como un porcentaje, como em, son relativos al tamaño de fuente del elemento principal. (Ooops, que resalta un error en mi respuesta, lo corregiré) – Quentin