11

我目前正在开发一个网站，但我无法弄清楚为什么 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。但在 IE 中，成比例的字体大小 (em和%) 显示得更大，看起来是 1em = 21px。

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

  • font-size: 1em;在铬：

在此处输入图像描述

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

在此处输入图像描述

如果我设置font-sizeusing px，那么我会得到一致的结果——Chrome 和 IE10 都会一致地显示。但是px这些天使用字体大小让我觉得不太喜欢。

您可以在我制作的这个 jsFiddle中看到 HTML 和 CSS 。我包含了所有的 CSS，这可能有点不必要，但我认为提供更多的上下文比提供更少的上下文更好。

谁能帮我弄清楚为什么 IE10 的显示1em比 Chrome 大，我能做些什么？

谢谢一堆。

编辑- 一旦我发布了这个详尽的问题，我就会弄清楚发生了什么。我已将 IE 缩放设置为 100%，但 IE 还有一个“文本大小”选项，出于某种原因，该选项设置为“最大”。将其设置为“中”可以解决问题。

4

2 回答 2

15

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

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

于 2013-07-02T18:04:10.117 回答
2

em 的像素大小与您使用的字体类型和大小、屏幕分辨率（取决于操作系统、浏览器）以及可能的其他操作系统和浏览器设置有关 - 例如“显示字体 +10%”可能会改变em 值。

根据 Rudu 在这篇文章中的说法。

于 2013-07-02T17:52:05.123 回答