Dimensione font

[pegaso22]

Ciao a tutti,
è da poco che sto utilizzando solo CSS per l'impaginazione di tutto il sito.

Una domanda credo banale:

come posso impostare il font che vada bene per pc, tablet e smatphone?

Io praticamente ho un immagine e sto mettendo un testo sopra (didascalia), se imposto a 14px o a 1.5em per esempio, nel pc vedo la scritta piccolissima mentre su smatphone è decisamente grande.
Vorrei che fosse proporzionata all'immagine che sta sotto.

Si può fare? Come?

Fatemi sapere.
Grazie mille.

[pegaso22]

Ho trovato questo:
@media (max-width: 640px)
{
body {font-size:1.3rem;}
}


@media (min-width: 641px)
{
body {font-size:1.2rem;}
}

@media (min-width:960px)
{
body {font-size:1.4rem;}
}


@media (min-width:1100px)
{
body {font-size:1.6rem;}
}

E' un metodo corretto?
E' giusto impostare manualmente la dimensione del font in base alla risoluzione dello schermo?