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

3, 2, 1… Photoshop!, el tutorial de Adobe Photoshop para principiantes

Adobe siempre busca ayudar a sus usuarios a explotar todas las caracteristicas de sus productos, por ello, continuamente esta lanzando tutoriales para ayudar a retomar el camino correcto o para orientar a los usuarios con…

close

Amade, fotografías sin retoque digital sobre un mozart caminando en notas musicales

Ser aventurero y correr riesgos es una actividad que puede ir completamente en armonía con la fotografía; así lo demuestra Sebastian Wahlhuetter, un fotógrafo y aventurero que muestra a un Mozart cruzando acantilados sobre algunas notas…

close

Prueba visual para diseñadores sobre identificación de colores

Diseñadores, creativos y curiosos, llego la hora de probar sus habilidades visuales con un sencillo test que nos pedirá identificar colores muy al estilo Pantone. ¿Cual es el objetivo?, pues, simplemente señalar con el cursor…

close

Tour Operador en Rusia lanza polémica campaña utilizando fotos de ‘sobrecargos’ sin ropa

La agencia ChocoTravel ha lanzado una polémica campaña que ha sido tachada de sexista; esto debido, a que la misma contenía desnudos parciales de sobrecargos. Cabe señalar, que esta campaña trataba de evitar esta acusación…

close

Abandoned Sites, una genial muestra de arte digital por Fabio Araujo

El día de hoy quiero compartir con ustedes una genial muestra de arte digital realizado por el creativo Fabio Araujo; el cual, ha realizado unas islas digitales inspiradas en estructuras abandonadas. Las cuales te comparto…

close

IKEA te muestra como convertir tu alfombra en una capa de Game of Thrones

Game of Thrones es de las series más importantes del momento así como del mercado, basta con ver la creciente influencia que tiene sobre las redes sociales para darse cuenta de la magnitud de este…

notifications Recién publicamos
close