Cómo calcular píxeles en porcentajes para un diseño

Cómo calcular píxeles en porcentajes para un diseño.
Por shawn farner

Paso 1

Determina el tamaño de la fuente que te gustaría usar. Recuerda que la mayoría de los navegadores web predeterminarán el tamaño de tu texto a 16 píxeles si no declaras un tamaño.


Paso 2

Toma el tamaño del texto que te gustaría usar en píxeles y divide ese número por 16. Por ejemplo, si querías usar una fuente de 24 píxeles, dividirías 24 por 16 para obtener 1,5.


Paso 3

Multiplica el número que obtuviste por 100 y ese es tu porcentaje. El porcentaje de tu fuente de 24 píxeles en CSS sería del 150%.


Paso 4

Usa "font-size:150%" (tamaño de fuente: 150%) dentro de la variable del párrafo HTML para establecer la fuente usando un porcentaje.