Chrome 上字体大小渲染不一致的问题 [已关闭]

I am having an css issue on my site. The font size is not consistent across all pages. The difference is one version of bigger font size and one version of a regular small font size. The small font size is the one I prefer. If the page is showing the content in big font, it will change it back to a smaller one after reload the page for a couple of times, it also changes back to the smaller one right away if you right click and select inspect element. Thus, I am not sure how can I ping point the issue. Here are the screenshots, one with the big font and one with the small font, and again the small font is the one I prefer.

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 中使用 % + REM 时出现渲染问题和/或部分合并的重复项：问题 320754：如果 html 的字体大小为百分比，正文为 rem，则字体大小不会继承"