Skip to main content
1 de 2
Kazzkiq
  • 12mil
  • 10
  • 53
  • 83

Como você disse, a medida em é uma medida relativa, ou seja, ela precisa de uma "base" para ser calculada. Sendo assim, você poderia fazer o seguinte código:

/* Portrait tablet to landscape and desktop */
@media (min-width: 768px) and (max-width: 979px) {
    body{
        font-size:15px;
    }
}

/* Landscape phone to portrait tablet */
@media (max-width: 767px) {
    body{
        font-size:25px;
    }
}

/* Landscape phones and down */
@media (max-width: 480px) {
    body{
        font-size:50px;
    }
}

E toda vêz que você atribuisse a propriedade font-size:1em para algum elemento, ele teria o tamanho da fonte de acordo com a media-query atual.

Exemplo: FIDDLE

Kazzkiq
  • 12mil
  • 10
  • 53
  • 83