4

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.

4

1 回答 1

2

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

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

于 2013-06-11T14:05:09.873 回答