Unidades de Medida

Untitled

Unidades Absolutas

Unidades Nombre Equivale a
cm Centímetros 1cm = 96px/2,54
mm Milímetros 1mm = 1/10 de 1cm
Q Cuartos de milímetros 1Q = 1/40 de 1cm
in Pulgadas 1in = 2,54cm = 96px
pc Picas 1pc = 1/6 de 1in
pt Puntos 1pt = 1/72 de 1in
px Píxeles 1px = 1/96 de 1in

Unidades Relativas

Unidad Relativa a
em Tamaño de letra del elemento padre.
ex Altura x de la fuente del elemento.
ch La medida de avance (ancho) del glifo "0" de la letra del elemento.
rem Tamaño de la letra del elemento raíz.
lh Altura de la línea del elemento.
vw 1% del ancho de la ventana gráfica.
vh 1% de la altura de la ventana gráfica.
vmin 1% de la dimensión más pequeña de la ventana gráfica.
vmax 1% de la dimensión más grande de la ventana gráfica.

Truco para trabajar con REM

<aside> 💡 Si 16px = 100% entonces 10px = 62.5%

</aside>

Definiendo el font-size en 62.5% en el html, establecemos el tamaño base en 10px lo que nos ayuda a la hora de convertir los tamaños a rem