代码之家  ›  专栏  ›  技术社区  ›  Hank Gay

UIWebView字体纵向比横向薄

  •  8
  • Hank Gay  · 技术社区  · 16 年前

    我的应用程序包含UIWebView。当应用程序从纵向旋转到横向或向后时,字体的权重似乎略有变化。粗体文本和规则文本在横向中都略为粗体,在纵向中略为稀疏。

    alt text http://dl.swankdb.com/font-change-example.png

    我配置了以下CSS,但它似乎可以防止字体大小的剧烈变化,而不是我观察到的细微的重量变化:

    html {
        -webkit-text-size-adjust: none; /* Prevent font scaling in landscape */
    }
    

    有人能解释一下吗?模拟器没有做到这一点,但我的iPad、iPhone 3GS和iPhone 4都有。我还收到客户的报告,说这件事发生在他们身上,所以我知道这不是我想的!

    3 回复  |  直到 16 年前
        1
  •  17
  •   helloPiers    14 年前

    我在Safari中也看到了这一点,我正在开发一个网络应用程序。经过一天左右的挠头和解构iPad用户指南使用的CSS后,我发现

     -webkit-transform: translate3d(0,0,0);
    

    成功了。在谷歌上四处搜索似乎可以实现渲染的硬件加速,从而在纵向和横向方向上获得更一致的结果。

        2
  •  3
  •   Masm    15 年前

    在花了大量时间试图解决这个问题后,我找到了一个解决方案:

    html{

    -webkit字体平滑:无;

    }

        3
  •  2
  •   Frode Bo Helland    14 年前