29May08
Unidades relativas y porcentuales
Voy a hablar aquí de los tres tipos de unidades que utilizo:
- Unidades relativas:
- Píxeles: px . Es “relativa” puesto que el tamaño que se ve depende del tamaño del pixel de tu monitor y, por tanto de la resolución de tu pantalla. Es pues “relativa entre dispositivos”.
- em. “Más relativa” que la anterior. 1em es la altura del tamaño de fuente del elemento en que se utiliza. Así, si definimos el ancho de un elemento con 13em,
#mielemento {
width:13em;
}
lo que decimos es que su ancho es 13 veces la altura de la fuente que se emplea dentro de ese div (que puede estar definida explícitamente o ser un valor heredado)
- Unidades porcentuales. No es lo mismo definir unas medidas en em, que como hemos visto se refiere a la altura de la fuente, que definirlas de forma porcentual.
#mielemento {
width:13%;
}
Aquí lo que decimos es quemielementotiene una anchura del 13% de su elemento padre. Las medidas porcentuales siempre están referidas a otras medidas anteriores y no siempre al tamaño de la fuente (aunque también se pueden establecer el tamaño de las fuentes con medidas porcentuales, referidas estas al primer tamaño definido o al predeterminado).
Nunca uso unidades absolutas como pt, mm o cm
Fuentes:
- http://www.librosweb.es/css/capitulo3/unidades_de_medida.html
- http://www.ignside.net/man/css/unidades.php
- http://www.csslab.cl/2008/01/16/medidas-en-css/
Artículos relacionados:
Tags: css, diseño web, em
Archivado en: HTML y CSS
Trackback URI for "Unidades relativas y porcentuales"
Archivado en: HTML y CSSTrackback URI for "Unidades relativas y porcentuales"
alf dice:
¡Pero que relajo moral hay en esto del diseño web! ¿A dónde iremos a parar si hasta las unidades han dejado de ser firmes? :hmm:
sisi dice:
en general no lo sé Alf
, pero en mi caso … un caooooooos :girlblum:
fefi dice:
jha jha io solo kiero saber k son las unidades porcentuales pf