Skip to main content
1 de 2
Zuul
  • 35,8mil
  • 21
  • 99
  • 190

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

No JSFiddle, manipula a largura da janela de preview para veres o texto a encolher/aumentar.

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.


Créditos da resposta para o utilizador @jbenjohnson no SOEN nesta resposta.

Zuul
  • 35,8mil
  • 21
  • 99
  • 190