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

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

如果进行了调整，为什么我们需要添加媒体查询以更改字体大小，如下所示：

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

上面的代码只能做最差的，对吗？（它将创建太小的文本）

在这种情况下，这应该非常有效（是的，非常简单）：

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

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

我错了吗

（希望听到大师css:）

我发现您可能想了解em和rem。您的第一个代码框在逻辑上是有意义的，但它不是rem或em的工作方式。您的第二个代码框是正确的。对于rem，不同设备上的字体大小由CSS中声明的HTML百分比决定

回答您的问题：

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

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

如果您的em或rem无法呈现您希望的字体大小，则可以使用媒体查询根据设备调整字体大小em或rem。它们不仅仅用于测试。它们实际上非常重要

---

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

@scabbiaza如果此答案适合您的问题，如果您能将问题标记为已回答，并将我的答案标记为正确，我将不胜感激。谢谢您的回答！当然，媒体查询很重要，我提到的“测试”只是我上面写的这个特定查询。正如我所看到的所有现代浏览器，所以我认为我们现在可以做到这一点而不必后退。请您解释一下，“您的第一盒代码在逻辑上是有意义的，但它不是rem或em的工作方式。”？Max，在结束之前，我也想听听其他开发人员的意见。@scabbiaza这里有一个很好的资源。当我说我试图告诉你为什么你或某人会这样做是有道理的，但同时这不是rem或em应该如何处理的。因为他们希望在调整大小的方法中得到一个百分比，以便根据设备调整页面上的字体大小。第一个盒子基本上是多余的。

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