[Ovillo] Trabajar con EMs

["Hernán Beati - SaberWeb.com.ar"]

Pablo Suárez León escribió:
> 
> Si 
> defines el texto en ems y los contenedores en píxeles (por ejemplo) al 
> aumentar el tamaño del texto, éste aumentará pero no sus contenedores, 
> llegando un momento que los contenedores se comerán, literalmente, su 
> contenido.

No es tan así. Convengamos en que eso solo sucederá si además de ancho 
le pones un "height" a los contenedores, práctica para nada aconsejable.

Pero si no pones ningún height, dejando fluir el alto del contenedor 
para que se ajuste a su contenido, ningún contenedor se comerá al texto.

Por lo cual, no es tan mala la solución de combinar contenedores en 
pixeles y textos en EM (claro, habría que disponer de un CSS para 
media="handheld" para que no queden unas columnas inusables en pantallas 
pequeñas).


> Otra cosa, es usar porcentajes en las cajas, en lugar de píxeles (por 
> ejemplo)...

Coincido en que ésa es una de las mejores combinaciones posibles. Los 
anchos de las cajas en porcentajes, y el texto en EM. Sin "height" en 
las cajas, por supuesto. Permite ampliar el texto para quien lo 
necesite, y no se supera nunca el ancho de pantalla (no hay scroll 
horizontal).

Según las WCAG 2.0 recién salidas del horno, el texto debe poder 
ampliarse "solo" un 200% sin romper el diseño, no más. Es bastante más 
de lo que necesita un miope como yo...

Saludos!

--

Hernán Beati
http://www.saberweb.com.ar