Como você disse, a medida em
é uma medida relativa, ou seja, ela precisaé calculada a partir de umaum valor fixo "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 [n]em
(onde [n] pode ser qualquer valor float
> 0) para algum elemento, ele teria o tamanho da fonte de acordo com a media-query atual.
Exemplo: FIDDLE