O que estás à procura chama-se *Viewport Percentage Units* que são unidades em relação ao tamanho da tela: Ver exemplo no [**JSFiddle**][1] <sup>No JSFiddle, manipula a largura da janela de preview para veres o texto a encolher/aumentar.</sup> <!-- language: lang-css --> p{ font-size: 16px; font-size: 4vw; } Essencialmente, os valores são: 1 v == 1% do tamanho inicial do texto na tela: - `vw` (viewport width); - `vh` (viewport height); - `vmin` (o mais pequeno de `vw` ou `vh`); - `vmax` (o maior de `vw` ou `vh`). **Podes ler mais sobre isto em:** [CSS Values and Units Module Level 3: 5.1.2 Viewport-percentage lengths][2]. ---------- <sup>Créditos da resposta para o utilizador @jbenjohnson no SOEN [nesta resposta][3].</sup> [1]: http://jsfiddle.net/zuul/prw8fzyv/ [2]: http://dev.w3.org/csswg/css-values/#viewport-relative-lengths [3]: http://stackoverflow.com/a/19814948/352449