Question

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

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

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

我是否应该专门为FF创建CSS媒体规则，或者有一些标准方法可以使其工作？

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

Answer 1

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

感谢Olly Hodgson指出这一点。