在使用rem调整大小时是否需要设置基本字体大小？

Question

我见过多种网络排版方法，建议将基本字体大小（在html或body元素上）设置为精确的像素值或百分比（{{1}例如，为了使用62,5%或em）轻松调整大小。

在使用100%调整大小时，我正在研究是否仍然需要这样做。我的想法是，当使用＆gt; IE9，rem是一种根据用户首选的基本字体大小调整大小类型的简便方法。所以它是：

• 适用于辅助功能（即不会覆盖用户首选项）
• 易于设计（值不会级联，整个设计可以调整大小，所以它很流畅）

但是既然有这么多建议，我想知道：有什么我想念的吗？有关字体大小的当前状态是什么？我的方法是否存在可访问性问题，我没有想到的事情？从目前的情况来看，只是寻找处理这个问题的原始资料，而不是意见。

Answer 1

rem基于您的root元素或html标记大小，因此建议使用此大小。我不会想到用户偏好＆＃39;因为大多数现代浏览器都会统一扩大所有内容。因此，黄金法则是将html大小设置为基值（以像素为单位）：

html { font-size: 12px; }

只是因为它很容易从那里计算出来。之后，设置每个后续字体值，如下所示：

.element {
    font-size: 12px;
    font-size: 1em;
    font-size: 1rem;
}

它似乎相当广泛，但它允许最大的兼容性。可访问性并不是一个问题，因为浏览器中字体的大小会增加12px中的原始html，并会随后扩大其余部分。