字體大小在-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或點。