Css 在chrome中使用rem的字体大小

Css 在chrome中使用rem的字体大小,css,google-chrome,Css,Google Chrome,我正试图找出如何让chrome在字体大小css中使用rem 按照本文所示的结构,我将字体大小定义为: font-size: clamp(1rem, -0.875rem + 8.333vw, 1.3rem); 当我在本地环境中运行它时,它在chrome、firefox和safari中的渲染效果与预期一致。部署后,它会按预期在firefox和safari中呈现。在chrome中,文本很小 要让chrome在css中使用rem,是否需要额外的步骤 我看到过一些很老的帖子,讨论了在chrome中使

我正试图找出如何让chrome在字体大小css中使用rem

按照本文所示的结构,我将字体大小定义为:

font-size:   clamp(1rem, -0.875rem + 8.333vw, 1.3rem);
当我在本地环境中运行它时,它在chrome、firefox和safari中的渲染效果与预期一致。部署后,它会按预期在firefox和safari中呈现。在chrome中,文本很小

要让chrome在css中使用rem,是否需要额外的步骤


我看到过一些很老的帖子,讨论了在chrome中使用rem进行媒体查询时出现的问题,但没有发现当前可能阻止chrome呈现字体大小的问题。

很难说100%,但这似乎是一些与chrome扩展或其他相关的局部问题。请检查您的项目,以及下面的例子在匿名模式下关闭扩展

在下面的示例中,您可以确保这不是REM中的问题,并将其与EM进行比较

。使用rem{
字体大小:夹钳(1rem,-0.875rem+8.333vw,1.3rem);
}
.和他们一起{
字体大小:夹钳(1em,-0.875em+8.333vw,1.3em);
}
李{
背景颜色:浅灰色;
利润率:10px0;
}
  • 此列表项未设置样式
  • 此列表项采用rem样式
  • 此列表项采用em样式
奇怪的一个:(,我没有给你一个答案,不幸的是,我只是想说我听说,
em
s是媒体查询中使用的最好的单位,正如你在这里看到的。但无论如何,这篇文章不会暗示Chrome和
rem
s有任何问题:/