html - 为什么有些字体大小在浏览器中不一致？

Question

考虑以下示例:( live demo here )

HTML:

<div>Hello World</div>

CSS:

div {
    font-family: monospace;
    font-size: 1em;
}

JS:

$(function() {
    alert($("div").css("font-size"));
});

在 Firefox 中，字体大小为 16px，而在 IE8 中，字体大小为 13px。

为什么？

(我尝试将font-family更改为Arial，Firefox和IE8都显示16px。)

Answer 1

每个浏览器都是不同公司的不同产品，他们对产品进行不同的编程，字体大小就是其中之一。 From this link , 1em等于当前字体大小，不同浏览器可能不一样，用户也可以更改，我在IE中把文字大小改成最大，现在字体大小是21.33px。

使用 em 意味着它依赖于很多东西，使用 %age 来保持一致性。

1 em 对于不同的浏览器会有所不同(取决于它们的默认设置或用户更改了它)。例如，您说 IE 的字体大小为 13 px，firefox 为 16 px，当我检查时，firefox 有 13 px，IE 有 16 px，当我将文本大小更改为最大( View -> 文本)时，它变为 21.33 px尺寸)