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;
}