Unidades relativas y porcentuales

sisi escribió esto a las 11:47

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 que mielemento tiene 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:

Comparte este artículo:
  • Meneame
  • del.icio.us
  • Digg
  • Facebook
  • TwitThis
  • Google
  • Live
  • E-mail this story to a friend!
  • Print this article!

Artículos relacionados:

3 comentarios en “Unidades relativas y porcentuales”


  1. 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:


  2. sisi dice:

    en general no lo sé Alf ;-) , pero en mi caso … un caooooooos :girlblum:


  3. fefi dice:

    jha jha io solo kiero saber k son las unidades porcentuales pf :-?