css - IE9 / IE10 字体大小稍大？

Question

黑色是firefox，浅蓝色/azure是chrome（对firefox几乎看不出来），深紫色是IE10。

它们的字体大小 (11px) 和 font-family (Helvetica) 完全相同，但是您会注意到 IE10 渲染它的字体要大得多。

它似乎也对每个角色应用了非常重的抗锯齿。

我知道“挑战”的一部分是创建一个可以跨多个浏览器工作的网站，但是有没有人有任何解决方案可以纠正 IE10 增加的字体大小？

Answer 1

I faced the same problem, in IE some parts on my page were broken. I changed the font-size unit from px to pt, but you have to recalculate the values(divide the px value by approx. 1.36367, 15/11 exactly). Now the font is rendered with the same size in IE8-10 and FF, no broken parts.

Answer 2

IE9+对字体使用亚像素渲染，与其他浏览器相比，它导致文本框的大小（有时具有非整数像素大小）略有不同。但是这里的问题似乎更line-height有价值，这可能是默认值（基于字体本身），并且由于四舍五入导致不同浏览器中的值不同。line-height以像素为单位设置显式值应该使差异最小化。