Tamaño de los fonts dependiente de la resolución del medio de visualización

Los textos marcados con "H1" tendrán dimensión doble a los párrafos comunes. Corresponderían a títulos.

En el ejercicio se definirá un tamaño de letra default para el body y luego todo será expresado en unidades em (unidad de referencia)

En este ejercicio se trabajará con control de medio @media() para que el tamaño de letra sea modificado según el tamaño del viewport

La resolución de una pantalla la medimos en pixeles de ancho x pixeles de alto

Por lo general los dispositivos chicos en tamaño tienen mayor definición: 500ppi (Pixels/pulgada) en móviles modernos;

Por lo general dispositivos de pantalla grande tienen una definición menor en el orden de los 100ppi (pixeles/pulgada)

Por esta razón es que los rangos de resolución es similar tanto en dispositivos grandes como pequeños.

Si un móvil o una pantalla de video tiene alta resolución en píxeles, las letras pueden dimensionarse más pequeñas.