为什么 IE10 中的“font-size: 1em”比 Chrome 中的字体大?

2024-02-16

我目前正在开发一个网站,我不明白为什么文本在 IE10 中显示比在 Chrome 中更大。 (我已确保两个浏览器都设置为 100% 缩放 - 不多也不少。)

我的 CSS 已重置:body { font-size: 1em; }。在 Chrome (v27.0.1453.116 m) 中,这会按预期显示——如果我将 CSS 中的规则更改为font-size: 100%; or font-size: 16px;,没有任何明显变化。对我来说,这表明在 Chrome 中,1em = 16px。但比例字体大小(em and %)在 IE 中显示得更大,看起来为 1em = 21px。

我有两张图片显示了差异body { font-size: 1em; },但由于我还没有 10 个声誉,所以我无法发布完整的 URL。不过,它们托管在 imgur 上,文件名如下:

  • font-size: 1em;在 Chrome 中:
  • font-size: 1em;在 IE10 中:

如果我设置font-size using px,然后我得到一致的结果——Chrome 和 IE10 都会显示一致。但使用px对于字体大小来说,我觉得这些天不太受欢迎的做法。

您可以在中看到 HTML 和 CSS这是我做的 jsFiddle http://jsfiddle.net/44fha/。我包含了所有的 CSS,这可能有点不必要,但我认为提供更多的上下文比提供更少的上下文更好。

谁能帮我弄清楚为什么 IE10 显示1em比 Chrome 更大,我能做什么?

非常感谢。

EDIT- 我认为一旦我发布了这个复杂的问题,我就会弄清楚发生了什么。我已将 IE 缩放设置为 100%,但 IE 还有一个“文本大小”选项,由于某种原因,该选项被设置为“最大”。将其设置为“中”解决了问题。


我已经“解决”了我自己的问题,因为我是个傻瓜。

IE10 有两个设置,均位于“查看”菜单下,可更改显示内容的大小。我确保“缩放”设置设置为 100%,但完全忽略了“文本大小”设置,该设置设置为“最大”。将其设置为“中”解决了我的问题,并使 IE 和 Chrome 显示相同。

本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

为什么 IE10 中的“font-size: 1em”比 Chrome 中的字体大? 的相关文章