爲什麼IE10的「font-size：1em」比Chrome更大？

我目前正在開發一個網站，我不知道爲什麼文本在IE10中顯示的大於在Chrome中的顯示。（我確定這兩個瀏覽器都設置爲100％縮放 - 不多也不少）。爲什麼IE10的「font-size：1em」比Chrome更大？

我在我的CSS中有一個重置：body { font-size: 1em; }。在Chrome（v27.0.1453.116 m）中，按預期顯示 - 如果我將CSS中的該規則更改爲font-size: 100%;或font-size: 16px;，則不會有任何明顯變化。對我而言，這表明在Chrome中，1em = 16px。但是在IE中，比例字體大小（em和%）顯示的更大，看起來是1em = 21px。

我有兩個圖像顯示差異body { font-size: 1em; }，但由於我目前還沒有10個聲望，我無法發佈完整的網址。他們託管在imgur，雖然，它們的文件名如下：

font-size: 1em;在Chrome：

enter image description here

font-size: 1em;在IE10：

enter image description here

如果我設置font-size使用px，那麼我會得到一致的結果 - Chrome和IE10都將一致顯示。但是使用px作爲字體大小會讓我覺得這些日子並不是那麼受歡迎。

您可以在this jsFiddle I made中看到HTML和CSS。我包括了所有的CSS，這可能有點不必要，但我認爲最好是提供更多的上下文而不是更少的上下文。

任何人都可以幫我找出爲什麼IE10的顯示1em比Chrome更大，我能做些什麼呢？

謝謝你一堆。

編輯 - 數字，只要我發佈這個詳細的問題，我會弄清楚發生了什麼事情。我已將IE縮放設置爲100％，但IE也有一個「文本大小」選項，出於某種原因，它被設置爲「最大」。將其設置爲「中」可解決問題。

來源

2013-07-02 SpencerDub

這是瀏覽器的默認字體大小。 – SLaks

我很確定這是發生的，因爲各自的HTML渲染引擎以略微不同的方式呈現該字體，但我不確定可以做些什麼。 – usumoio

呵呵，我把IE的縮放設置爲100％，但顯然，IE也有一個設置爲「最大」的「文本大小」選項。當設置爲「中」時，它按預期顯示。那麼，這是令人難以置信的討厭和尷尬。 – SpencerDub

我解決了我自己的問題，因爲我是個傻瓜。

IE10有兩個設置，都在「查看」菜單下，它們改變顯示內容的大小。我確定「縮放」設置已設置爲100％，但完全忽略了設置爲「最大」的「文本大小」設置。將它設置爲「中」可以解決我的問題，並使IE和Chrome顯示器的顯示效果相同。

來源

2013-07-02 18:04:10 SpencerDub

犯錯是人，不是特別傻。你可以接受你的答案，這似乎是正確的答案，即使這個問題有點困惑。這個問題與代碼中的字體大小設置無關。 –

以像素爲單位的em大小與您正在使用的字體類型&大小，屏幕分辨率（取決於操作系統，瀏覽器）以及可能的操作系統和瀏覽器設置有關 - 例如「顯示字體+10 ％「可能會改變em值。

根據Rudu在此post。

來源

2013-07-02 17:52:05

爲什麼IE10的「font-size：1em」比Chrome更大？

回答

相關問題