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

Question

我的网站上有css问题。所有页面的字体大小不一致。区别在于较大字体大小的一个版本和常规小字体大小的一个版本。我喜欢的是小字体。 如果页面以大字体显示内容，则会在重新加载页面几次后将其更改为较小的内容，如果右键单击并选择检查，它也会立即更改为较小的内容元素。因此，我不知道如何ping这个问题。 这是截图，一个是大字体，一个是小字体，小字体是我喜欢的。

Answer 1

body { font-size: 1.6rem;}可能是你的问题......你可以从你的style.css中找到它，它应该更加一致。看起来铬可能不像身体上的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;
}

Similar SO question

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

“这似乎是Chrome错误;请参阅Issue 319623: Rendering issue when using % + REMs in CSS和/或部分合并的副本：Issue 320754: font-size does not inherit if html has a font-size in percentage, and body in rem”