【问题标题】:Font issue on Chrome mobile where font size is rendered biggerChrome 移动设备上的字体问题,其中字体大小呈现更大
【发布时间】:2012-09-09 21:52:24
【问题描述】:

我在使用 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 的设置导致文本变大。我不认为这是我们可以在设置中阻止的东西。

【问题讨论】:

标签: css google-chrome mobile


【解决方案1】:

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

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

【讨论】:

    猜你喜欢
    • 2014-10-09
    • 2014-01-17
    • 2013-04-09
    • 2012-07-02
    • 1970-01-01
    • 1970-01-01
    • 2013-06-18
    • 1970-01-01
    • 2011-07-15
    相关资源
    最近更新 更多