Adaptando el cuerpo del texto a unidades relativas
p { font-size: 1.125rem; /* 18px / 16 = 1.125rem */ }
Convirtiendo píxeles a rem en CSS
h1 { font-size: 2rem; /* 32px */ }
p { font-size: 1.125rem; /* 18px */ }
Ajustando el CSS para diferentes tamaños de fuente
.content { padding: 2rem; }
@media (max-width: 600px) { h1 { font-size: 1.75rem; } }
@media (min-width: 1200px) { h1 { font-size: 2.5rem; } }