【问题标题】:How many pixels is 1em in IE8?IE8中1em是多少像素?
【发布时间】:2012-03-03 17:43:03
【问题描述】:

在所有浏览器中 1em 不应该是 16px 吗?

我有这个 CSS

* {font-size: 1em; }
label { font-size: .85em; }

在 IE8 上,标签元素的高度为 12 像素,而我希望为 13.6 像素。

感谢您的帮助!

【问题讨论】:

  • 我仍在分叉 CSS,试图找到任何 px 设置的高度。所以也可能是我的错误
  • 完整性检查:除了默认设置之外,您没有设置“缩放”或“文本大小”浏览器,对吗?我认为 IE8 浏览器样式表默认为 16 像素,正如您所期望的那样。
  • @MattGibson:两个都没碰过。
  • 建议:用像素设置字体大小。让生活变得更轻松,您仍然可以毫无问题地缩放。

标签: css internet-explorer pixels em


【解决方案1】:

在所有浏览器中 1em 不应该是 16px 吗?

不一定:

一个'Em'(1em) 等于默认字体大小中大写字母“M”的高度。在 CSS 中应用时,Em 表示用户的默认字体大小或父元素的字体大小(如果可用)。

所以虽然默认字体大小是 16px,但也许你在 IE 上设置了不同的大小。

你也可能有一些模糊的父元素覆盖它。

More info

【讨论】:

  • 找到了。覆盖我的一些类的外部 CSS 文件。所以,它毕竟是 16px。谢谢
  • @frequent 我运行 IE 时可以选择禁用 CSS 指定字体大小。太多的网站决定使用不同的 "normal" 字体大小(而不是硬编码一些值,例如 9pt16px)。只是提醒您不要成为那个人
【解决方案2】:

单位 em 是相对的。如果您的字体大小为 12pt,则 1 em = 12pt。使用 20pt 的字体大小,1 em = 20pt。它源自字母 M。它可以追溯到排字员创作文本的时间和时期。字母 M 是语料库的正方形大小。

【讨论】:

    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2013-12-13
    • 2012-06-21
    • 2017-03-05
    相关资源
    最近更新 更多