默认字体大小是否适合设备？

Question

我想知道，默认字体大小是否适合设备？我的意思是应该，对吧？

如果适配了，为什么我们需要添加media-query来改变font-size，像这样：

html {
    font-size: 100%;
    @media (min-width: @screen-lg-min) {
        font-size: 100%;
    }
    @media (max-width: @screen-md-min) {
        font-size: 93%;
    }
    @media (max-width: @screen-sm-min) {
        font-size: 87%; 
    }
    @media (max-width: @screen-xs-min) {
        font-size: 81%; 
    }
}
p {
    font-size: 1rem;
}

上面的代码只会做最坏的事情，对吧？ （它会创建太小的文本）

在这种情况下，这应该可以完美运行（是的，很简单）：

html {
    font-size: 100%;
}
p {
    font-size: 1rem;
}

当然，通过改变桌面上的浏览器宽度，我们不会看到字体大小改变的效果。但是我们需要看看吗？

我认为，这种媒体查询可能仅对桌面测试有用，但应该从实际应用程序中删除。

我错了吗？

（希望听到大师 css 的来信：）

Answer 1

我发现 this article 你可能想了解 em 和 rem。您的第一组代码在逻辑上是有道理的，但这不是 rem 或 em 的工作方式。您的第二个代码框是正确的。在 rem 的情况下，不同设备上的字体大小由 HTML 的 CSS 中声明的百分比决定。

回答您的问题：

1. 是的，它将根据 HTML 的 CSS 中声明的百分比进行调整。有关 em 和 rem 之间如何工作的详细信息，我会参考上面的文章。

2. 您不需要为此进行媒体查询。

3. 如果您的 em 或 rem 未按照您希望的字体大小呈现方式，媒体查询可用于根据设备调整字体大小、em 或 rem。它们不仅仅用于测试。它们实际上非常重要。

正如文章中提到的，我还会以像素为单位设置您的字体大小，以供旧版浏览器使用。