Chrome移动版中字体大小变大的字体问题 [英] Font issue on Chrome mobile where font size is rendered bigger

问题描述

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

我发现这篇文章
但-webkit-text-is-rendered-inconsisten大小调整不适合我这里。

我已经在不同的移动浏览器中进行了检查，包括Dolphin，Opera Mobile和Safari，除Chrome移动设备外，所有文本均正确显示。

---

更新：已解决，它是由Chrome Mobile的设置使文字变大造成的。我不认为这是我们可以在环境中阻止的事情。 解决方案

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

另外，如果我们在网页上触摸任何内容，该页面会重新调整到适当的大小。这种尺度之间的转换是非常重要的，因为它影响应用程序是一种非常消极的方式。特别是如果你正在尝试任何需要确保任何心理测量学有效性的东西。

I have an issue with Chrome mobile where some text is rendered in bigger font size than it is in CSS. I checked in developer tool and find that those text have inherit the correct font size, but still rendered 5px bigger in the computed style.

I find this post Fix font size issue on Mobile Safari (iPhone) where text is rendered inconsistently and some fonts are larger than others? but -webkit-text-size-adjust doesn't work for me here.

I have checked in different mobile browsers including Dolphin, Opera Mobile and Safari, all rendered the text correctly except Chrome mobile.

---

Update: Solved, it caused by the setting of Chrome Mobile to render the text bigger. I don't think this is something we can block in the setting.

解决方案

The issue is that between Chrome Mobile 18 and Chrome Mobile 25 the rendering of fonts changed. It appears that the Chrome scaling feature at 100% is actually up scaling the fonts. We had to set the Chrome scaling feature down to 85% to get the fonts to not upscale.

Also it appears that if we touch anything on the web page the fonts on the page re-adjust to the proper size. This shifting between scales is VERY concerning as it affects applications is an extremely negative way. Especially if you are attempting anything that needs to ensure any psychometric validity.

这篇关于Chrome移动版中字体大小变大的字体问题的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！