字体大小在-webkit和-moz浏览器不同

Question

入住这jsfiddle

为什么会出现在日期选择器的尺寸的差异时font-size设置为1.5em？ em的数量并不重要我尝试了不同的字体大小，我仍然遇到同样的问题。红色框被设置为460px，在那里你可以看到firefox和chrome/safari中日期选择器的大小不同。

编辑：使用PX insted的EM

Answer 1

Firefox使用DirectWrite来呈现文字，而Chrome则没有。

这就是呈现文本的大小差别很大的原因。

没有办法使文字像素完美的两个浏览器之间的大小相同。

阅读：http://www.basschouten.com/blog1.php/font-rendering-gdi-versus-directwrite

而这一点，特别的 “提示和间距的差异” 部分：http://blog.mozilla.com/nattokirai/2011/08/11/directwrite-text-rendering-in-firefox-6/

Answer 2

的因为1.5em不是一个精确的尺寸和取决于什么浏览器决定了相关字体的指标来使用的都是我已经try'd。

如果您想要精确的尺寸，请使用px或点。