Foros del web, para los que viven de bits

Buenas,

he leído por ahí en más de una ocasión (no sé exactamente dónde) que si se usa la medida em para los font-size que es proporcional, o algo así. Osea, que si se ve en una resolución mayor, el size también es mayor manteniendo el mismo valor.

¿Alguien me confirma si esto es cierto?

En caso de ser cierto... ¿por qué a mi no me funciona?

Gracias


saludos

Hola tunait :

me parece que la medida que se ajusta a la resolusión es px ; em (ancho) y ex (alto); solo se ajustan al BASE FONT (¿o al "base parent "?).

Tu usas IE 5 ¿verdad?. Te dejo un par de enlaces

http://msdn.microsoft.com/library/de...s/fontsize.asp

http://www.bigbaer.com/css_tutorials/css_font_size.htm

saludos
furoya

Hola

Bueno, revisando la recomendación de las css, vemos aquí:

http://www.w3.org/TR/CSS2/syndata.html#length-units

que tiene un comportamiento curiosos o especial justo cuando se utiliza en el font-size.

Si revisamos el párrafo relativo a los tamaños de fuente aquí:

http://www.w3.org/TR/CSS2/fonts.html#propdef-font-size

vemos que los hijos heredan los valores de los padres, así que elprimer elemento para el que definamos el tamaño ed letra, se convertirá en el padre, al menos en lo que se refiere a esa propiedad.

Pero si lo ponemos más claro.

Supongamos este ejemplo:

definimos un etilo para el body, usando la unidad 'em' y luego creamos un estilo con la misma definición.

Luego dos párrafos, uno sin estilos de ningún tipo y otro al que le aplicamos el segundo estilo que habismoa creado.

Al cargar la página, se verán igual, pero si en explorer aumentamos o reducimos el tamaño de visualización de la letra (ver > tamaño del texto > alguna opción), veremos que el segundo párrafo es más grande que el primero (o más pequeño si reducimos la visualización).

Esta diferencia se debe a varias cosas.

Primero, a que la unidad 'em', requiere la definición de un tipo de letra debido a que no tiene el mismo tamaño la dimensión de '1 em' de una Verdana que el de una Futura compacta.

Segundo, a que pese a que la herencia de los valores suele ser de los valores calculados por el navegador, los elementos hijo heredan los valores no modificados del padre.

Tercero, el manejo que hace el explorer para aumentar o reducir el texto, se basa en el uso de los valores relativos de la propiedad font-size smaller y larger. Aunque sus límites son los viejos valores que van del 1 al 7.

Cuarto, el valor 'em' siempre 'pregunta' al padre que tamaño tiene para definirse a si mismo, por lo tanto, hayque ser cuidadoso con las definiciones que lo utilizan. Es el problema de los valores relativos. Esto va unido con lo primero.


Así que concluyendo, podemos decir que es una unidad de medida un poco extraña y poco amigable de utilizar. Depende de muchos factores para que se representa como queremos y parte de esos factores son incontrolables por el autor de las páginas debido a que son parte de los navegadores.

Además, este tema ha generado muchas líneas en foros, tanto de css, como de navegadores específicos.

Por cierto, el ejemplito que mencionaba, es esto:

para los estilos:

body {
font-size: 1em;
}
.tamanoem {
font-size: 1em;
}

y para el código html, algo así:

<p>este es el primer texto del documento, no tiene modificadores de ningún tipo</p>
<p class="tamanoem">este es el primer texto del documento, este texto tiene el tamaño 1 em asignado por una clase</p>

la primera parte del párrafo está repetida para que sea más fácil hacer la comparación.

Espero haberme explicado adecuadamente.

Felicidad

Hola todos:

regreso para efectuar algunas correcciones a mi mensaje anterior. Quizá por mi apuro en responder, o tal vez por mi ya inocultable estado de senilidad, he tipeado un par de errores muy gruesos que, si bien están aclarados en los enlaces que sugerí y -además- en el extenso y pormenorizado mensaje de PatomaS, éstos no me inhiben para realizar una "FE DE BURRATAS" propia.

Donde dice "ancho" debería decir "alto", ya que la diferencia está en que em toma la altura del caracter '█' , mientras que ex o hace del caracter 'x'. Ésta era una vieja confusión que yo tenía, y que parece no resolví bien en mi memoria.

Donde dice "base parent" ... no sé lo que quise poner, seguramente "base parent font" o "parent font", que tampoco existen, pero serían una alusión a la dependencia de em al elemento parent cuando no fuese BODY.

Aprovecho para recordar un código posteado hace mucho, del cual no me siento particularmente orgulloso, pero puede serle útil a quien esté trabajando en el tema de las medidas relativas.

Yo sé que existe...script ajusta resolucion


Saludos

furoya

Ufa cuánta info qué bien!

Leeré todo con calma y les digo

muchas gracias por las respuestas, furoya y PatomaS

Efectivamente em, se refiere a una proporción en relación a la letra más ancha del alfabeto: la M. Es en relación a esta proporción que se ajustan los tamaños de las letras.