css - Chrome 移动设备上的字体问题，字体大小变大

Question

我在使用 Chrome 移动版时遇到问题，其中一些文本以比 CSS 中更大的字体大小呈现。我检查了开发人员工具，发现这些文本继承了正确的字体大小，但在计算样式中仍然渲染了 5px。

我找到这篇文章 Fix font size issue on Mobile Safari (iPhone) where text is rendered inconsistently and some fonts are larger than others?但是 -webkit-text-size-adjust 在这里对我不起作用。

我已经检查了不同的移动浏览器，包括 Dolphin、Opera Mobile 和 Safari，除 Chrome 移动版外，所有浏览器都正确呈现了文本。

---

更新:已解决，Chrome Mobile 的设置将文本渲染得更大。我不认为这是我们可以在设置中阻止的事情。

Answer 1

问题是在 Chrome Mobile 18 和 Chrome Mobile 25 之间，字体渲染发生了变化。看起来 100% 的 Chrome 缩放功能实际上是在放大字体。我们必须将 Chrome 缩放功能设置为 85%，以使字体不放大。

此外，如果我们触摸网页上的任何内容，页面上的字体也会重新调整到合适的大小。这种尺度之间的转换非常令人担忧，因为它影响应用程序是一种极其消极的方式。特别是如果您正在尝试任何需要确保任何心理测量有效性的事情。