html中1em代表多长,html – 为什么IE10中的“font-size：1em”比Chrome更大？

我目前正在开发一个网站,我无法弄清楚为什么文本在IE10中显示比在Chrome中更大. (我确保两个浏览器都设置为100％缩放 – 不多也不少.)

我的CSS中有一个重置：body {font-size：1em; }.在Chrome(v27.0.1453.116 m)中,这会按预期显示 – 如果我将CSS中的规则更改为font-size：100％;或font-size：16px;,没有任何明显的变化.对我来说,这表明在Chrome中,1em = 16px.但是,比例字体大小(em和％)在IE中显示得更大,看起来似乎是1em = 21px.

我有两个图像显示身体{font-size：1em;但是,由于我还没有10个声誉,我无法发布完整的网址.但是,它们是在imgur上托管的,它们的文件名如下：

> font-size：1em;在Chrome中：

> font-size：1em;在IE10中：

如果我使用px设置font-size,那么我会得到一致的结果 – Chrome和IE10都会一直显示.但是使用px作为字体大小这些日子让我感到不那么偏好.

你可以在this jsFiddle I made中看到HTML和CSS.我包含了所有的CSS,这可能有点不必要,但我认为提供更多的上下文而不是更少的更好.

任何人都可以帮我弄清楚为什么IE10显示比Chrome更大的1em,以及我能做些什么呢？

谢谢你们.

编辑 – 数字,我一发布这个精心设计的问题,我就会知道发生了什么.我已将IE缩放设置为100％,但IE也有一个“文本大小”选项,由于某种原因,它被设置为“最大”.将其设置为“中”可解决问题.