Css 字体大小在Chrome和firefox中不显示相同的大小

我有一个元素和一个元素，我想要第二个元素在第一个元素的右边。在Chrome中，它显示正确的：

但在firefox中：

我发现firefox的字体比Chrome的大一点。我的css是这样的：

#mainnav .menu > ul > li > a {
    font-size: 13px;
}

这是菜单中项目的字体大小，如果我在firefox中将其更改为12px，它看起来就可以了，就像在chrome中一样。我找到了一个属性，即firefox的字体大小调整。我应该使用这个，还是有更好的方法使字体大小在浏览器中看起来相同

---

如果你想在网站上测试它，这里是：

总是使用CSS重置使事情更加一致。顺便说一句，它在我的机器上运行得非常好。在Firefox中，我的Firefox中也没有一个可以运行。看看C的形状，您在浏览器中没有使用相同的字体。@algui91我想请检查您的浏览器缩放选项并按ctrl+0