CSS: Tabla de Equivalencias entre px, %, pt y em

Daniel de Webadictos nos da a conocer una excelente tabla de equivalencias para usar en tus CSS entre pixeles, porcentajes, puntos y emphasis (px, %, pt y em), los que saben de esto muchas veces prefieren utilizar valores sobre em (emphasis) debido a que su equivalencia en dispositivos puede ser mejor manejada sin perder la fidelidad de los textos a diferencia de como sucede con los pixeles.

Pts Px Em Porcentaje
6pt 8px 0.5em 50%
7pt 9px 0.55em 55%
7.5pt 10px 0.625em 62.5%
8pt 11px 0.7em 70%
9pt 12px 0.75em 75%
10pt 13px 0.8em 80%
10.5pt 14px 0.875em 87.5%
11pt 15px 0.95em 95%
12pt 16px 1em 100%
13pt 17px 1.05em 105%
13.5pt 18px 1.125em 112.5%
14pt 19px 1.2em 120%
14.5pt 20px 1.25em 125%
15pt 21px 1.3em 130%
16pt 22px 1.4em 140%
17pt 23px 1.45em 145%
18pt 24px 1.5em 150%
20pt 26px 1.6em 160%
22pt 29px 1.8em 180%
24pt 32px 2em 200%
26pt 35px 2.2em 220%
27pt 36px 2.25em 225%
28pt 37px 2.3em 230%
29pt 38px 2.35em 235%
30pt 40px 2.45em 245%
32pt 42px 2.55em 255%
34pt 45px 2.75em 275%
36pt 48px 3em 300%

La tabla fue publicada originalmente en WorldTechnies y de hecho ellos mencionan que esta tabla puede tener ciertas variaciones, dependiendo del Sistema Operativo, Navegadores y Resolución, yo le añadiría de igual manera Dispositivos.

comment ¿Que opinas?

Artículos recientes

close

play_circle_outline The Story of an idea, animación de Google muestra cómo se desarrollan las ideas

En el marco del Google I/O 2017 la multinacional Google busca inspirar a los asistentes de su evento así como a los creativos en general con la siguiente animación. Esta animación titulada “The Story of…

close

El rebranding de una panadería que fue de lo común a lo minimalista

Todas las empresas necesitan renovar su imagen y marca de vez en cuando; es por eso, que siguiendo esta premisa la agencia creativa mousegraphics ha realizado una renovación increíble para la empresa Mills of Saint George; este cambio…

close

Spinner Car la creación rusa de relajación para entusiastas de los autos

La moda de los Spinners contra el estrés está por todas partes y los amantes de los vehículos no podían quedarse atrás. Conducir un vehiculo debe ser la practica más relajante para los amantes de…

close

Pack with Care, una creativa y bonita campaña contra el abandono animal

Pack With Care es el nombre de esta campaña realizada y lanzada por SPCA (Sociedad para la Prevención de la Crueldad a los Animales) y Home Hardware en Canadá; esta creativa campaña busca crear conciencia sobre…

close

Estos son los estrenos de Netflix para Julio 2017

Llega  el mes de julio y con ello nuevas series y películas para la plataforma de vídeo mediante streaming Netflix; series originales de Netflix como Castlevania y la segunda temporada de Outlander son algunas de…

close

play_circle_outline ‘Home’ el cortometraje sobre refugiados que ha sido premiado en Cannes

CANNES es uno de los festivales más importantes en el mundo de la publicidad y de  la cinematografía; en este se dan a conocer diversas piezas artísticas en el ramo audiovisual. Black Sheep Studios ha…

notifications Recién publicamos
close