【问题标题】:1rem not always equal to 16px1rem 并不总是等于 16px
【发布时间】:2016-07-07 05:08:30
【问题描述】:

假设我有以下 HTML:

<h1>Heading</h1>

还有以下 CSS:

h1{
    font-size: 1rem;
}

我的浏览器 (chrome) 中 1rem 的默认大小是 16px,但是在检查元素时,我注意到 h1 的高度实际上是 18px,而不是 16px,所以这里有问题,或者这是故意的,并且如何将其设置为 16px?

【问题讨论】:

  • 你将不得不演示......字体大小不等于高度......但是 line-height 可能 .
  • 还有其他因素会影响浏览器显示中元素占用的高度。行高可能是您的问题,但也可能是其他问题。

标签: html css font-size


【解决方案1】:

16px 设置为字体大小并不意味着实际字符为16px。

这意味着文本的总高度将是 16 像素,大写字母,小写字母,像“j”这样的字母低于例如“n”而“f”高于。

源:https://css-tricks.com/css-font-size/

【讨论】:

    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 2020-05-24
    • 1970-01-01
    • 2015-12-13
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多