Siti responsive e Font con unità relative.

[lucalbero]

Salve scrivo perchè preferirei un chiarimento sull'argomento in oggetto, in particolare per la gestione dei Font nei siti web responsive.
Nei manuali online si trova scritto che: L'unità di misura da adottare su un sito responsivo deve essere sempre quella relativa (utilizzando "%" e "em") e mai fissa ("px"). Quindi per il body possiamo impostare il font-size al 100%. Per tutti gli altri testi, dai titolo ai paragrafi, dobbiamo invece usare gli em.
Fino a qui è chiaro il motivo: Utilizzando questa soluzione sarà sufficiente variare la dimensione del font-size nel body per modificare gli altri testi.

Domanda: ma in effetti utilizzando nel body un valore percentuale, non abbiamo un controllo sulla dimensione iniziale in quanto dipende dal valore impostato dall'utente nel proprio browser. Un utente potrebbe avere 18px come 10px e ovviamente utilizzando la tecnica descritta si otterrebbero situazioni non controllabili o spiacevoli.
Supponendo che l'utente abbia impostato nel proprio browser una dimensione di font a 10px, utilizzando nel body un fon-size: 100% e poi un paragrafo con font-size: 0.1em si otterrebbe un testo non leggibile in quanto ad 1px.

Forse sto commettendo qualche errore di valutazione ed è proprio per questo credo di avere bisogno di un chiarimento a riguardo.

[codencode]

Il vantaggio di utilizzare le unità di misura relative per la dimensione del font sta proprio nel fatto di poterlo ingrandire e ridurre a piacimento durante la navigazione. Quindi, se il valore di default impostato nel browser è troppo piccolo, è possibile ingrandirlo al volo (con gli appositi comandi previsti dallo user agent, come CTRL +) senza causare danni all'interfaccia, a patto che quest'ultima sia responsive.

[lucalbero]

Per la realizzazione di un sito responsive si consiglia di presupporre sempre che il valore di default impostato nel browser dell'utente sia sempre di 16px per la dimensione del carattere?

Inoltre si consiglia la tecnica spiegata su questo sito Html.it? e cioè:
- impostare body { font-size: 62,5%; /* = 10px = 0.625em */ }
- e quindi utilizzare la seguente tabella:
1em = 100% = 10px
1.2em = 120% = 12px
1.4em = 140% = 14px
1.5em = 150% = 15px
2em = 200% = 20px
4em = 400% = 40px
...
0.9em = 90% = 9px
0.8em = 80% = 8px

Grazie per le delucidazioni?