1rem 并不总是等于 16px
1rem not always equal to 16px
假设我有以下 HTML:
<h1>Heading</h1>
以及以下CSS:
h1{
font-size: 1rem;
}
我的浏览器 (chrome) 中 1rem 的默认大小是 16px,但是在检查元素时,我注意到 h1 的高度实际上是 18px,而不是 16px,所以这里有问题,或者这是故意的,我如何将它设置为 16px?
字体大小设置为16px
并不意味着实际字符为16px。
这意味着文本的总高度将是 16 像素,大字母,小字母,像 "j" 的字母比 "n" 和 "f" 的字母高。
假设我有以下 HTML:
<h1>Heading</h1>
以及以下CSS:
h1{
font-size: 1rem;
}
我的浏览器 (chrome) 中 1rem 的默认大小是 16px,但是在检查元素时,我注意到 h1 的高度实际上是 18px,而不是 16px,所以这里有问题,或者这是故意的,我如何将它设置为 16px?
字体大小设置为16px
并不意味着实际字符为16px。
这意味着文本的总高度将是 16 像素,大字母,小字母,像 "j" 的字母比 "n" 和 "f" 的字母高。