capas con ems

[chusete]

estoy reconviertiendo mis medidas de pixeles en ems para hacerlo mas accesible, pero desconozco como se hace la equivalencia.

si mi capa contenedora de datos mide 778 pixeles, cuantos ems seria eso?

[Mikmoro]

Hola, Chusete.
Como ya sabrás, el tamaño em es el equivalente a "el tamaño de la letra m" en el tamaño de letra que tengas establecido en el navegador (tanto tú como tu visitante), o definido de manera global en tu página. Esto significa que 1em es igual a 16px, que suele ser el tamaño definido por defecto en los navegadores si tú no has dicho lo contrario (creo que en la mayoría).

De esa manera, si queremos obtener 778 pixels, hacemos 778 / 16 = 48,625, lo que significa que 48,6em serán prácticamente 778px (no es del todo exacto por los decimales que despreciamos.

Claro, esto siempre que no hayas establecido ya de manera global una tamaño de letra diferente y fijo, ya que si has puesto en el body algo como font-size: 12px;, tu 48.6em se convertirá en unos 583px.

Por lo tanto, la ecuación es bien simple: divide tu tamaño en px por el tamaño de letra global establecido (16px por defecto), y conseguirás una buena aproximación en "em" del tamaño.

Corregidme si me equivoco.

Mikel.

[chusete]

y por que afecta de manera global el tamaño de letra a las anchuras de capas en em?
es que es eso exactamente lo que me pasaba.

gracias por la explicacion, ha sido perfecta

[Mikmoro]

Pues porque si dices que el tamaño de letra del body, es decir, para todo el documento si nadie dice lo contrario, es de 12 pixels, el tamaño de la letra m tendrá 12 pixels. Esto se usa para un diseño fluído, de manera que si tú cambias el tamaño de letra por ejemplo con Ctrl+ en firefox, el texto crecerá y tus cajas también.

Por una cuestión de herencia y demás, lo que sí puedes hacer es asignar un tamaño de letra a tu contenedor distinto del body; de esa manera, la medida en em se tomará con respecto al tamaño de letra del contenedor (creo, estoy casi seguro).

Pruébalo y comentas.

Mikel.