Unidades absolutas
Cualquier longitud expresada en una de estas unidades siempre se mostrará del mismo tamaño.
Las unidades absolutas disponible son las siguientes:
| Unidad | Descripción |
|---|---|
cm | Centímetros |
mm | Milímetros |
in | Pulgadas (inches) |
px | Píxeles |
pt | Puntos |
pc | Picas |
Normalmente, se utilizan unidades absolutas para la secciones y la estructura de la página web, porque se adaptan mejor a diferentes tamaños de pantalla.
Para las dimensiones de imágenes y vídeos se suelen utilizar píxeles.
Por ejemplo:
.video {
width: 1920px;
height: 1080px;
}
El píxel (px) es la única unidad absoluta que se utiliza habitualmente.
Se debe tener presente que el tamaño de un píxel varía entre un monitor y otro. Es decir, en 1 pulgada, podemos tener diferente cantidad de píxeles. La densidad de píxeles (cantidad de píxeles en un área determinada) varía en función de la resolución y la diagonal del monitor. La unidad habitual de densidad de píxeles es ppp (píxel por pulgada), es decir, reperesenta la cantidad de píxeles en una pulgada.
Por ejemplo, podemos tener una resolución de 1920x1080 en un monitor de 27 pulgadas o en un teléfono móvil con una pantalla de 5 pulgadas. La cantidad de píxeles es la misma en cambos casos (la resolución es la misma), pero la densidad de píxeles varía, ya que en el teléfono móvil van a estar mucho más juntos.