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.
Publica tu Comentario sobre este Articulo.
Mas Articulos, Relacionados:
- 9 tips para consultas MySQL
- Flash Image Slideshow Gratis
- Transferencias Bancarias de Adsense en Mexico
- Arial o Helvética?
- 3er Informe del Huracan Dean
- Tractis 1.0
- Lo mejor de Mayo 2008
- Generador CSS de Estructuras para paginas (Grid)
- Sitio Recomendado: OpenDesigns.org
- Recopilacion de Cheat Sheets para Desarrolladores web
Suscribete al Feed
Agregar en Netvibes
Agregar en Bloglines
Agregar en Technorati
Agregar en iGoogle
Agregar en MyYahoo!
Meneame
StumbleUpon
Designios
DesignFloat
Del.Icio.Us
Digg
Mister Wong
Fresqui





Solo una clarificación. En CSS la unidad em, no es por emphasis (<em> en HTML). Los dos son totalmente distintos.
En tipografia, la unidad em, fue llamada asi por la letra M (en mayúscula), la que por tradición se ha utilizado para medir anchos horizontales, ya que la M usualmente ocuparia el ancho completo del bloque de impresión utilizado en las imprentas.
Espero esto ayude.