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

Question

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

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

使用 Chrome 时一切都呈现并看起来很好。现在我已经尝试在 FireFox 上检查它，为了安全起见，我看到，相同的 CSS 规则在一个缩放级别中被渲染得更大(如果单击 ctrl+- 一次然后 ir 正确渲染，如果我将缩放重置为正常状态- 文本又变大了)。

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

已应用 CSS 重置，但在这种情况下无济于事。

Answer 1

问题是 body 上没有基本字体大小。因此，只需将此基本大小设置为 100% 即可解决问题。

感谢指出这一点的 Olly Hodgson。