Chrome 上不一致的字体大小渲染问题

Question

我在我的网站上遇到了 css 问题。所有页面的字体大小不一致。区别在于一个版本的大字体和一个版本的常规小字体。小字体是我喜欢的。如果页面以大字体显示内容，重新加载页面几次后，它会变回小字体，如果您右键单击并选择检查元素，它也会立即变回小字体。因此，我不确定如何ping 点问题。这是屏幕截图，一张大字体，一张小字体，我更喜欢小字体。

Answer 1

body { font-size: 1.6rem;}可能是你的问题......你可以从你的 style.css 中删除它，它应该更加一致。看起来 chrome 可能不喜欢身体上的 rem，如链接的问题所示

从 style.css 中的以下类定义中删除/更改坏行应该可以解决您的问题

body, button, input, select, textarea {
   color: #404040;
   font-family: sans-serif;
   font-size: 16px;
   font-size: 1.6rem;
   line-height: 1.5;
}

类似的问题

文本+来自其他问题答案的良好链接：

“这似乎是 Chrome 错误；请参阅问题 319623：在 CSS 中使用 % + REMs 时的渲染问题，和/或部分合并的副本：问题 320754：如果 html 具有字体大小百分比，则字体大小不会继承，和身体在物“