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

时间:2011-09-09 11:00:44

标签: html css firefox google-chrome jquery-ui-datepicker

选中此jsfiddle

为什么font-size设置为1.5em时,日期选择器的大小会有所不同? em的数量并不重要我尝试了不同的字体大小,我仍然遇到同样的问题。红色框设置为460px,您可以在firefox和chrome / safari中查看日期选择器的大小差异。

编辑:我已经尝试使用px insted of em

2 个答案:

答案 0 :(得分:5)

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/

答案 1 :(得分:0)

因为1.5em不是一个精确的大小,取决于浏览器决定使用的相关字体指标。

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