网站文字随机变得非常小答案

【问题标题】：Website text randomly becoming incredibly small网站文字随机变得非常小
【发布时间】：2016-10-16 08:39:50
【问题描述】：

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

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

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

【问题讨论】：

这种情况是否只发生在您本地，或者也发生在其他从未加载过样式表版本的 Mac 上？无论如何，我没有解决方案，但是如果该网站很快上线并且您找不到它并且您很绝望，您可以向 onload 处理程序添加一些 javascript 来检查字体大小是否为 1px，如果是，将其设置为 14px 或其他值。

【解决方案1】：

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

【讨论】：

这是否有助于缓解问题？
结合一些 CSS 重置文件，解决浏览器不一致问题，并正确使用 ems 和 rems 值应该没问题，期待 Mac 上是否有一些关于 Mozilla 的已知错误......跨度>

【解决方案2】：

Em 与其直接或最近父级的字体大小相关，Rem 仅与 html（根）字体大小相关。

【讨论】：