iphone - 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);

就可以了。谷歌搜索后发现，这可以实现渲染的硬件加速，从而在纵向和横向方向上获得更加一致的结果。