当前位置:  开发笔记 > 前端 > 正文

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

如何解决《UIWebView字体在纵向上比横向更细》经验,为你挑选了1个好方法。

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



1> helloPiers..:

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

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

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

推荐阅读
保佑欣疼你的芯疼
这个屌丝很懒,什么也没留下!
DevBox开发工具箱 | 专业的在线开发工具网站    京公网安备 11010802040832号  |  京ICP备19059560号-6
Copyright © 1998 - 2020 DevBox.CN. All Rights Reserved devBox.cn 开发工具箱 版权所有