Como calcular pixels em porcentagens para um design

Passo 1

Determine o tamanho da fonte que você gostaria de usar. Lembre-se de que a maioria dos navegadores da web predeterminará o tamanho do seu texto para 16 pixels se você não declarar um tamanho.

Passo 2

Pegue o tamanho do texto que você gostaria de usar em pixels e divida esse número por 16. Por exemplo, se você quiser usar uma fonte de 24 pixels, divida 24 por 16 para obter 1, 5.

Passo 3

Multiplique o número que você obteve por 100 e essa é a sua porcentagem. A porcentagem de sua fonte de 24 pixels no CSS seria de 150%.

Passo 4

Use "font-size: 150%" (tamanho da fonte: 150%) dentro da variável de parágrafo HTML para definir a fonte usando uma porcentagem.