Publicado el Sábado, 12 de Enero del 2008 por MyR
Equivalencias entre pt, px, em y porcentaje
Útil recurso para los que maquetamos en css, una tabla de equivalencias entre los diferentes tipos de medidas, ya que no siempre se usa la misma, dependiendo el tipo de diagramación que escojamos para el proyecto tendremos que usar unas u otras (o combinaciones entre varias). No todo se soluciona ya que los distintos navegadores las interpretan de formas diferentes pero puede ser una buena ayuda.
| 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% |
Visto en webadictos.com.mx
Tabla realizada por Worldtechies
Posts relacionados
- Manual poner publicidad entre post
- Configura aspecto de tipografÃas con CSS Type Set
- Medios y Redes llega a los 39 blogs
2 Comentarios
Dejar un comentario
Esto es una gran ayuda pero es solo correcto para cuando el navegador está configurado con tamaño de “fuente mediana”. Sà se cambia la configuración del navegador, el tamaño de las fuentes, márgenes y anchos de los elementos varÃa para los elementos con unidades “em” (elementos en pÃxeles no se redimensionan) , provocando que el ajuste no sea realmente el deseado.
[...] en mi hoja de estilos… Por eso mismo luego de utilizar Google terminé en el artÃculo “Equivalencias entre pt, px, em y porcentaje” publicado en Diario THC en el cual se compartÃa la tabla que pueden ver a la [...]