CSS 定义每页的默认字体大小

Question

我刚刚意识到两个网页产生具有相同rem值的不同字体大小。我认为 rem 是基于浏览器范围的默认字体大小。是否可以在每页而不是浏览器范围内设置 1 rem 的基值？或者 css/html 可以定义默认字体大小吗？

Answer 1

您应该定义body标签的字体大小，例如 16px

body {
  font-size: 16px
}

Answer 2

如果将

不同的类应用于每个页面上的body，则可以将其用作选择器并设置不同的基本字体大小，例如

body.start {
  font-size: 16px;
}
body.portfolio {
  font-size: 14px;
}

例如，WordPress会自动将不同的类应用于body。

Answer 3

对于大多数浏览器来说，1 rem 默认为 16px如果你想确保你总是可以自己做，就像这样：

html {
 font-size: 16px;
}