小编Spe*_*Dub的帖子

我目前正在开发一个网站,我无法弄清楚为什么文本在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.

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

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

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

如果我设置font-size使用px,那么我会得到一致的结果 - Chrome和IE10都会一直显示.但是使用px字体大小让我觉得这些日子不是首选的做法.

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

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

谢谢一堆.

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