taille de police différente dans les navigateurs webkit et -moz

Question

Cocher cette jsfiddle

Pourquoi est-il une différence de taille de la datepicker lorsque font-size est réglé sur 1.5em? La quantité de em n'est pas importante J'ai des polices de tailles différentes et j'ai toujours le même problème. La boîte rouge est définie à 460px et est là pour vous de voir la différence de taille de la datepicker dans firefox et chrome/safari.

Edit: Je l'ai déjà try'd en utilisant px insted em

Answer 1

Firefox utilise DirectWrite pour le rendu du texte, et pas Chrome.

C'est la raison de la taille toujours légèrement différente du texte rendu.

Il n'y a aucun moyen de faire le texte pixel parfait la même taille entre les deux navigateurs.

Lire ceci: http://www.basschouten.com/blog1.php/font-rendering-gdi-versus-directwrite

Et ce, en particulier la section "différences hinting et espacement": http://blog.mozilla.com/nattokirai/2011/08/11/directwrite-text-rendering-in-firefox-6/

Answer 2

Parce que 1.5em n'est pas une taille précise et dépend de ce que le navigateur décide des mesures de police pertinentes à utiliser sont.

Si vous voulez une taille précise, utilisez px ou des points.