【问题标题】:1em is smaller than browser default1em 小于浏览器默认值
【发布时间】:2016-02-09 04:28:35
【问题描述】:

谁能给我解释一下,为什么我的 1em 字体比浏览器默认字体小?我在我的 body 标签上设置了 font-size 并使用 font-family: 'Open Sans', Arial, sans-serif;

【问题讨论】:

  • 为什么它们应该相等?浏览器默认不是基本测量单位。另请注意,可能用作参考的16px不是一个固定的,而是一个弹性单位。
  • @arkascha 实际上在body 上使用时,它们应该是相等的。 (当然,除非您也更改 html 字体大小。)
  • @TrungVu 你能用你的代码在问题中添加一个 sn-p 吗?
  • 我刚刚更新了我的问题。我希望我的字体大小通过浏览器设置进行更改。我该怎么做才能没事?
  • @TrungVu 这应该没问题。您能否创建一个代码 sn-p(或 JSFiddle)来演示该问题?

标签: css twitter-bootstrap-3 font-size em


【解决方案1】:

Bootstrap 将<html> 的字体大小设置为 10px,您需要覆盖它以获取浏览器默认值:

html, body {
  font-size: 1em;
}

【讨论】:

    猜你喜欢
    • 2012-01-29
    • 2020-05-05
    • 2014-08-10
    • 2012-07-19
    • 2012-12-25
    • 2014-08-12
    • 2010-10-18
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多