Css 如何以百分比为单位设置字体大小，以便不同的浏览器呈现相同的字体大小？

我正在设计一个网站，我遇到了一个有趣的问题。我为不同的媒体设计了字体大小，使用的语法如下：

   @media all and (max-width:1100px) {html {font-size:109%;transition:1s;}}

使用Chrome时，所有内容都会渲染并看起来很好。现在我试着在FireFox上检查它，只是为了安全起见，我看到，相同的CSS规则在一个缩放级别中被渲染得更大（如果单击ctrl+，则ir渲染正确一次，如果我将缩放重置为正常状态，则文本再次变大）

我应该专门为FF创建CSS媒体规则，还是有一些标准的方法来实现这一点

---

CSS重置已应用，在这种情况下没有帮助。

问题是正文上没有基本字体大小。因此，只需将这个基本大小设置为100%，问题就解决了

---

多亏奥利·霍奇森指出了这一点。

尝试使用相对单位，即“rem”或“em”@mightyport-

%

是相对单位<代码>100%==1em。我想我们需要更多的代码来帮助解决这个问题。您是否在

正文上设置了基本
字体大小
？谢谢@OllyHodgson在正文上设置字体大小帮助！：）