网站文字随机变得非常小

Question

我一直遇到一个问题，有时，完全随机，我的网站文字变得非常小。这只发生在Mac上的Firefox上，据我所知。它看起来像这样：

当我检查Firebug时，我注意到身体上有一个font-size: 1px设置，这解释了问题（网站基于em，它遵循正文字体大小）。问题是，我从未在代码中的任何位置设置font-size: 1px。它说font-size: 1em。

这是解决方案的已知问题吗？这是一个很快就会在生产环境中使用的网站，我无法预测何时可能会出现故障！

Answer 1

Em是相对于其直接或最近父级的字体大小，Rem仅相对于html（root）字体大小。

Answer 2

最好在ems中设置html的字体大小，因为这样会相对于浏览器字体大小。通常浏览器字体大小为16px，但可能会延迟。稍后您可以使用相对于根值html的rems。