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

【问题标题】：css define default font size per pagecss 定义每页的默认字体大小
【发布时间】：2018-01-17 21:05:43
【问题描述】：

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

【问题讨论】：

标签： css

【解决方案1】：

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

body {
  font-size: 16px
}

【讨论】：

【解决方案2】：

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

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

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

【讨论】：

【解决方案3】：

对于大多数浏览器，1 rem 默认为 16px 如果您想确保自己始终可以这样做：

html {
 font-size: 16px;
}

【讨论】：