【问题标题】:Why is font-size: 16px bigger in Internet Explorer 11 than in FireFox? [closed]为什么在 Internet Explorer 11 中 font-size: 16px 比在 FireFox 中大? [关闭]
【发布时间】:2014-07-04 05:19:36
【问题描述】:

在 Firefox 29 中查看:

在 Internet Explorer 11 中查看:

我尝试使用em%,但结果相同。 Internet Explorer 总是比 FireFox 大(测试过 Internet Explorer 8、9、10 和 11,都一样)。尝试在菜单中更改 Internet Explorer 文本大小,但也没有结果。

CSS 是 WordPress 修改后的 _s,位于 #primary-navigation 内。

每个 cmets 的编辑次数:

  • 缩放设置为 100%(跨浏览器)。
  • Chrome 看起来不错。
  • IE 文本大小设置为中等。

2016-12 年编辑

许多 cmets 请求实际的 CSS。最初的 CSS 已经随着时间的流逝而丢失,但 font-family 确实是问题所在。这是更正的部分,它使用谷歌字体和客户批准的一些后备。

ul.menu a {
    display: block;
    padding: 0 5px 0 5px;
    font-family: 'Noto Serif',Palatino,"Palatino Linotype",Georgia,serif;
    font-size: 0.8em;
    font-style: italic;
    line-height: 29px;
    text-decoration: none;
    text-shadow: 1px 1px 0px rgba(255,255,255,0.75);
}

【问题讨论】:

  • 您是否查看了两个浏览器的缩放比例是否为 100%?
  • 你的 CSS 哪里有问题?
  • 检查以确保它被隐式设置为16px 并且 IE 正在读取该值(提示:使用开发人员工具查看加载的字体大小)。同时在两个浏览器中按 CTRL + 0 以确保您的缩放设置为 100%。
  • 这也可能与每个浏览器使用的字体系列有关——出于某种原因,它们显然没有使用相同的字体系列。无论如何,为了诊断您的问题,我们需要的不仅仅是屏幕截图和“CSS 是修改后的下划线主题”。

标签: css internet-explorer font-size internet-explorer-11


【解决方案1】:

浏览器使用不同的字体。您可以通过比较字形来看到这一点。例如,字母“l”明显不同。字体大小相同,但字体设计不同。由字体设计师决定字形相对于字体大小的大小。

【讨论】:

  • 谢谢,@BoltClock 在 cmets 中提到了这一点。我认为它是正确的,一旦我有机会检查它,我会接受答案。
  • 我将font-family 改成了别的东西,它们现在完全一样了。问题解决了。
猜你喜欢
  • 1970-01-01
  • 2013-07-25
  • 2013-06-30
  • 1970-01-01
  • 2014-08-15
  • 2015-02-01
  • 1970-01-01
  • 1970-01-01
  • 2015-06-24
相关资源
最近更新 更多