UIWebView字体在纵向上比横向更细

Question

我的应用程序包含一个UIWebView.当应用程序从纵向旋转到横向或向后旋转时,字体粗细似乎略有变化.粗体文本和常规文本在横向上都略微更粗,而在纵向上略微更薄.

这似乎不是在Safari中的情况,只在我的应用程序中.这是一个示例图像,作为iPad上的屏幕截图.我已经旋转并裁剪了一个示例部分.

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都有它.我也收到客户的报告说它发生在他们身上,所以我知道这不在我脑海里!

Answer 1

我已经在Safari中看到了这个,我正在整理一个网络应用程序.经过一天左右的头部刮擦,并解构了iPad用户指南使用的CSS,我发现了这一点

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

诀窍.谷歌搜索它看起来像这样可以实现渲染的硬件加速,从而在纵向和横向方向上产生更加一致的结果.

Answer 2

在花费了大量时间试图解决这个问题之后，我找到了一个解决方案：

用这个：

html{

-webkit-font-smoothing：无；

}