Question

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

如果适应，为什么我们需要添加媒体查询来更改字体大小，如下所示：

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

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

我认为，这种媒体查询可能仅适用于在桌面上进行测试，但应从实际应用中删除。

我错了吗？

（希望听到大师的消息：）

Answer 1

我发现this article你可能想要阅读关于em和rem的内容。你的第一盒代码在逻辑上是有意义的，但它并不是如何使用rem或em工作。你的第二盒代码是正确的。在rem的情况下，不同设备上的字体大小由CSS中为HTML声明的百分比决定。

回答你的问题：

是的，它将根据CSS中为HTML声明的百分比进行调整。我会参考上面的文章，了解em和rem之间如何工作的细节。
您不需要媒体查询。
如果您的em或rem无法呈现您希望字体大小的显示方式，则可以使用媒体查询根据设备调整font-size，em或rem。它们不仅仅用于测试。它们实际上非常重要。

正如文章所提到的，我也会将旧版浏览器的字体大小设置为像素。

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

1 个答案: