Chrome 中字体大小为 2em 的问题答案

【问题标题】：Issue with font-size 2em in ChromeChrome 中字体大小为 2em 的问题
【发布时间】：2014-04-30 06:49:58
【问题描述】：

我的问题在于 Chrome 和我为此网站的电话号码应用的字体大小：http://www.davincispainting.com 紫色 div 有电话号码。

#contact-phone {
height: 20px;
width: 218px;
margin: 9px 0px 0px 0px;
float:right;
position:relative;
color:#2B3F63;
font-family: Arial,Impact,Impact5,Charcoal6,sans-serif;
font-size: 2em;
text-align: left;
background-color: Purple;
}

与 IE8、IE11 和 Firefox 相比，Chrome 中的字体似乎大 1 倍。

该网站使用 CSS 2.1，如果有任何解决此问题的想法，我们将不胜感激。

【问题讨论】：

一个问题应该包含足够的代码来实际重现问题。指向实时页面的链接是不够的；问题解决后，该问题对未来的访问者将不再有用。并且您应该指定“大一号字体”的含义。
根据 Chrome 和 Firefox 中的开发者工具，当在浏览器中使用默认字体大小设置时，元素的font-size 的计算值为20px。那么你说尺寸不同的理由是什么？

标签： css google-chrome

【解决方案1】：

在使用 % 和 ems 时，您确实在为嵌套元素的字体大小而苦恼，有时将特定文本位切换到 'px' 会更有意义。

也就是说，我在 Chrome 和 Firefox 中查看了您的示例网站，它对我来说看起来完全一样。您确定您没有不小心更改 Chrome 中的浏览器缩放比例吗？也许您正在以 110% 的速度浏览该网站。

既然调整网页大小非常容易，那么意外地放大或缩小网站超出默认值是一个常见问题。

（顺便说一句，因为很容易调整网页大小，所以 not 首先使用 px 的论点变得不那么有效了。因此，我倾向于从一开始就使用 px。）

【讨论】：

我的 ThinkPad 宽屏显示器 1600 X 900 分辨率为 1360 X 768
这没有回答问题。它应该作为评论发布，除了 px 宣传，它根本不应该发布。
@JukkaK.Korpela 怎么不回答这个问题？
问题是：“与 IE8、IE11 和 Firefox 相比，Chrome 中的字体似乎大了 1 倍”。显然它问为什么会发生这种情况。你是说它不会发生，这很可能是真的，但这不是一个答案。
@JukkaK.Korpela 有时这个问题无法回答，我们能做的最好的就是提供替代方案。我更喜欢人们给我替代方案，而不是在我问错问题时忽略问题。各有各的。这就是说 - 因为它不会发生在我我会说我通过告诉他们他们的问题似乎是他们的设置所独有的来回答这个问题 - 并提出一个共同的理论原因：意外更改浏览器缩放。（由于问题已经被标记为答案，我想我们不知道这是否真的是问题......）