Rozmiar tekstu proporcjonalny do rozdzielczości ekranu

Kolejne pytanie z serii.

Jak w css zdefiniować rozmiar tekstu by w każdej rozdzielczości ekranu był proporcjonalnie taki sam?

Np. jeśli w rozdzielczości 1024x768 litera zajmuje 10% wysokości strony to żeby w wyższych rozdzielczościach (np 1920x1080) też zajmowała 10% wysokości strony.

A nie lepiej po prostu nadać im konkretne wartości(px|mm|cm|in|pt|pc|em|ex). Co do samego rozwiązania to bez js raczej się nie obędzie(w tym wypadku przydałoby się expression z ie), musiałbyś nadać jakiemuś elementowi odpowiednią wartość dla rozmiaru czcionki.

np.

p id="tekst"tekst 2p