Durante mucho tiempo he estado usandofont-size: 62,5% vs. font-size: 10px
body {font-size:62.5%;}
en los documentos CSS ya que se supone que hace 1em
igual 10px
. Sin embargo, recientemente noté que este no es el caso para mí en Internet Explorer. Así que en su lugar probé el código:
html {font-size:100%}
body {font-size:10px}
Ahora esto funciona como un encanto para mí. Mi pregunta es:
¿Cuál es el inconveniente de esta solución ya que no puedo encontrar a nadie más usándola?
Para aclarar: posteriormente especifico todos mis tamaños de fuente, anchos, alturas, etc. en em
. Solo en el cuerpo utilizo 10px
en lugar de 62.5%
.
Tal vez este hilo que puede dar más comprensión de la cuestión: [qué-em-lugar-de-px] [1] [1]: http://stackoverflow.com/questions/609517/why-em-instead-of-px –
Me gusta la fuente de píxeles tamaños también ... Siento que tengo un mejor control de diseño. El inconveniente solía ser que no se escalaba bien cuando las personas aumentaban manualmente su tamaño de texto ... las cosas se romperían/desbordarían. Usar '%' o 'em' compensaría mejor estos problemas de espaciado. Sin embargo, en estos días, los navegadores más nuevos se están moviendo más hacia un verdadero "zoom" de entrada/salida, lo que hace que los viejos problemas de tamaño de texto aumenten o disminuyan. – Sparky
Bueno, realmente quiero ir con em por razones de accesibilidad. Gracias por el enlace, pero todavía no entiendo la diferencia. En ambos casos, 1em será 10px en Firefox, pero para mí 1em será un poco más grande en Internet Explorer. – RichardL