Comments on: Diseñar en unidades EM con el porcentaje magico http://aurea.es/2009/03/02/disenar-en-unidades-em-con-el-porcentaje-magico/ Front-end Developer, Web Standards, Accessibility Sat, 11 Feb 2012 01:32:41 +0000 hourly 1 http://wordpress.org/?v=3.0.4 By: javiaurea http://aurea.es/2009/03/02/disenar-en-unidades-em-con-el-porcentaje-magico/comment-page-1/#comment-3436 javiaurea Wed, 15 Apr 2009 18:53:12 +0000 http://aurea.es/?p=3825#comment-3436 Eso es Kus, te doy la razón totalmente. En un proyecto reciente lo viví en mis propias carnes y lo solucione de forma similar. Muchísimas gracias por tu aportación. Eso es Kus, te doy la razón totalmente.
En un proyecto reciente lo viví en mis propias carnes y lo solucione de forma similar.
Muchísimas gracias por tu aportación.

]]> By: kcmr http://aurea.es/2009/03/02/disenar-en-unidades-em-con-el-porcentaje-magico/comment-page-1/#comment-3431 kcmr Wed, 15 Apr 2009 16:59:14 +0000 http://aurea.es/?p=3825#comment-3431 Hola otra vez! Escribí hace un tiempo un <a href="http://uninstallme.com/disenos-elasticos-internet-explorer-y-font-size/" rel="nofollow">post sobre esto</a>, ya que el 62.5% aplicado al body presenta un problemilla para IE, y es que <a href="http://archivist.incutio.com/viewlist/css-discuss/75008" rel="nofollow">ignora el porcentaje en decimales</a>, con lo que la equivalencia conseguida no es de 10px sino de 9.92px. Puede parecer una pijada pero <a href="http://uninstallme.com/ejemplos/font-size/test-font-size.html" rel="nofollow">se nota</a>. Yo uso esta, que establece en 20px el tamaño de fuente para el HTML y en la mitad para el body, consiguiendo la equivalencia exacta en 10px para todos los navegadores. html{ font-size: 125%; } body{ font-size: .5em; } Con esta técnica la conversión sigue siendo tan sencilla como dividir la medida en píxeles por 10. Hola otra vez!
Escribí hace un tiempo un post sobre esto, ya que el 62.5% aplicado al body presenta un problemilla para IE, y es que ignora el porcentaje en decimales, con lo que la equivalencia conseguida no es de 10px sino de 9.92px. Puede parecer una pijada pero se nota.

Yo uso esta, que establece en 20px el tamaño de fuente para el HTML y en la mitad para el body, consiguiendo la equivalencia exacta en 10px para todos los navegadores.

html{ font-size: 125%; }
body{ font-size: .5em; }

Con esta técnica la conversión sigue siendo tan sencilla como dividir la medida en píxeles por 10.

]]>