Foros del Web » Creando para Internet » CSS »

capas con ems

Estas en el tema de capas con ems en el foro de CSS en Foros del Web. 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 ...
  #1 (permalink)  
Antiguo 26/01/2007, 05:11
 
Fecha de Ingreso: julio-2003
Mensajes: 437
Antigüedad: 14 años, 5 meses
Puntos: 0
capas con ems

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?
  #2 (permalink)  
Antiguo 26/01/2007, 05:36
Avatar de Mikmoro
Colaborador
 
Fecha de Ingreso: octubre-2006
Ubicación: K-pax
Mensajes: 7.228
Antigüedad: 11 años, 2 meses
Puntos: 279
Re: capas con ems

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.
  #3 (permalink)  
Antiguo 26/01/2007, 06:21
 
Fecha de Ingreso: julio-2003
Mensajes: 437
Antigüedad: 14 años, 5 meses
Puntos: 0
Re: capas con ems

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
  #4 (permalink)  
Antiguo 26/01/2007, 06:32
Avatar de Mikmoro
Colaborador
 
Fecha de Ingreso: octubre-2006
Ubicación: K-pax
Mensajes: 7.228
Antigüedad: 11 años, 2 meses
Puntos: 279
Re: capas con ems

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.
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 10:43.