Question

我有一个CSS rem font-size的问题。这是我的代码（检查codepen）：

body {
  font-size: 14px;
}

h1 {
  font-size: 2.57rem;
}

<h1>Rem Test</h1>

Rem定义告诉h1 font-size必须介于35px和36px之间，但它的实际字体大小是41.2px。对于36px，我必须把2.3rem你可以帮我解决这个问题吗？我做错了什么？

Answer 1

因为rem（root em）来自根元素，即<html>

请参阅以下内容：

html {
  font-size: 14px;
}

h1 {
  font-size: 2.57rem;
}

<h1>Rem Test</h1>

还有一个名为:root的伪元素，您可以使用它（可以在任何主要浏览器中使用）