Um dos principais benefícios de usar ems (ou rems) ao dimensionar o tipo é que você pode ajustar rapidamente o tamanho para diferentes janelas de exibição por meio de consultas de mídia. Aqui está um exemplo do que quero dizer:
html {
font-size: 100%; /* Base font-size of 16px */
}
p {
font-size: 1em;
}
@media screen and (min-width: 1920px) {
html {
font-size: 200%; /* Base font-size of 32px */
}
}
Imagine ter que redimensionar manualmente um site inteiro se você tivesse usado pixels!