Multimedia Universitat Oberta de Catalunya

Unidades en CSS

Mireia Tort Noguera

Casi desde su inicio, en el mundo del desarrollo web se ha trabajado para encontrar las mejores formas de definir los tamaños de las fuentes y también la de todos los elementos que configuran un documento web. Con la presencia de diferentes navegadores y de diferentes dispositivos —con diferentes características, tamaños y resoluciones— se ha vuelto imprescindible trabajar con unas unidades flexibles, en paralelo al uso del diseño adaptativo (o Responsive Web Design).

Desde el uso de una unidad estática como los píxeles (px), pasando por las unidades relativas (com los porcentajes, EM ó REM), con CSS3 se puede trabajar con las viewport units, con las cuales cambia y mejora el panorama para conseguir un mejor control en el tamaño de las tipografías y de los elementos que se ven en pantalla.

Para saber más

Viewport unit based typography, Zell Liew (marzo 2016)

CSS viewport units: a quick start, Sitepoint

Viewport sized typography, Chris Coyier, CSS-Tricks (abril 2012 y actualizado en octubre de 2014)

También podéis revisar el apunte sobre tipografía publicado en este mismo blog.