21
avr. 08
Calculatrice em / px
Par Guillaume BIZET | Lien permanent
Dans la construction d'un site et d'une feuille de style, il est très important de faire attention aux unités employées pour la police d'écriture car cela impacte directement sur les propriétés css enfants de la balise parent.
Je m'explique :
body { font-size : 0.8em; }
p {font-size: 0.6em;}
Ainsi la police d'écriture du paragraphe p est directement liée à celle de body. Par contre il est difficile de savoir, quand on construit sa feuille de style, cmment convertir une police en pixels vers sont équivalent en unité em.
L'Em calculator va vous faciliter le travail. Elle vous permet de faire la conversion entre ces unités et de voir quels seront les conséquences d'un changement de taille au niveau de la balise parent.
Screenshots :
Cliquez sur les images pour les voir en grand
A vos calculettes ...
Commentaires
Luc
21/04/2008 - 10:15
Difficile à croire...
Sachant que la taille EM est un pourcentage de la taille de police par défaut du navigateur.
par conséquent, 1em, n'aura pas la même taille chez tous les utilisateurs.
par exemple, chez moi, la taille par défaut est 12px, chez ma mémé qui a des problème de vue, la taille par défaut est de 20px...
donc, chez moi 1em = 12px chez ma mémé 1em = 20px sachant qu'un 1em = 100% de la taille de police par défaut
a mon avis, le script que tu propose donne des valeurs en fonction du navigateur courant, le rapport ne sera donc correcte que pour l'utilisateur qui fait le test.
Moe
21/04/2008 - 13:17
L'avis de Marc sur les ems : http://marcarea.com/weblog/?post/20... et le lien vers la technique 62.5% qui "transforme" des ems en px : http://clagnut.com/blog/348/