Html Chrome字体大小加载较大，然后减小

我在我的网站的CSS中使用em单元。当我用Chrome浏览器加载网站的一个页面时，所有文本都将以非常大的字体加载。如果我调整浏览器窗口的大小或加载开发人员控制台，字体大小将恢复为“正确”大小。有时，如果我浏览网站上的页面，它也会做同样的事情，或者表现不稳定（从大的开始，有时从正常大小开始）

我无法在Safari或Firefox中复制这一点，因此我认为这一定是Chrome在解释我的CSS或em单元时遇到的问题

你知道为什么会这样吗？如果我删除所有的em单元并使用px，那么它工作得很好（这可能是一个解决方案，但不能帮助我理解em）

（使用：Chrome32，MacBookAir，OS10.8.5，自定义Wordpress主题）

一些CSS：

正文{
保证金：0自动；
颜色：#404040；
字体系列：无衬线；
字体大小：1.6rem；
线高：1.5；
填充：1em；}

---

（如果我在这里使用

font-size:16px

，它会工作得很好，但是

em

/

rem

有什么意义呢）

需要更多信息。一个实时网址将不胜感激

仅使用以下代码无法复制：

body {
    margin: 0 auto;
    color: #404040;
    font-family: sans-serif;
    font-size: 1.6rem; 
    line-height: 1.5;
    padding: 1em; }

CSS3引入了一些新装置，包括rem装置，其 对于“根em”

em单位与父级的字体大小有关，这会导致 复利问题。rem单位相对于根或根 html元素。这意味着我们可以在屏幕上定义单个字体大小 html元素，并将所有rem单位定义为其中的一个百分比

您可以尝试

字体大小：1.6em；/*EM不是REM*/

，但无论如何，只要1em等于当前字体大小，它就可能不起作用

---

您可以使用px代替，或者在body中设置px并在之后使用em。

我遇到了与您实际相同的问题。我最近开始使用rem而不是em，这是更好的，因为您不必担心嵌套元素，例如列表项，乘以值。但是，我注意到字体加载过大，然后调整了大小

在我的CSS中，我最初使用以下命令重置字体：

html{
字体大小：62.5%；
}

你可能已经知道为什么了，但这仅仅意味着1em等于10px。然后我在正文中加入了

font-size:1.4rem

，将基本字体大小设置为14px

要解决您提到的问题：

---

尝试将html字体大小设置为10px，而不是百分比值，然后从那时起使用rem。似乎对我有用。

请共享您的样式表。您可以在上提交错误。还有一个相当活跃的谷歌集团