1

当我们在 iPhone4 (retina display) 屏幕上使用 safari 浏览器渲染我们的模板屏幕时，UI 显示没有任何问题。我移植了与 Phonegap iOS 应用程序相同的模板代码。移植后的 UI 字体在 phonegap 本机应用程序中增加。我在代码中使用了以下视口元标记：

<meta name="viewport" content="width=device-width,initial-scale=0.5 maximum-scale=0.5; user-scalable=0;">
<meta name="apple-mobile-web-app-capable" content="yes" />
<meta content='True' name='HandheldFriendly' />

有人能解释一下为什么字体大小在 Safari 浏览器中正确呈现，但在 Phonegap iOS 应用程序中却没有吗？

4

3 回答 3

1

我找到了问题的根本原因，这是因为 cordova.plist 文件中的“EnableViewPortScale”值。我们应该将此值设置为“是”，但在我的项目设置中它是“否”。

将此值设置为“是”解决了我的问题。

于 2012-08-14T06:00:11.397 回答
0

您可以尝试-webkit-text-size-adjust并将其设置为 100%。

造成这种情况的另一件事可能是当容器处于硬件加速模式并且字体变得有点模糊时，您将 -webkit-transform 设置为容器。

于 2012-08-10T11:09:00.337 回答
0

我相信移动 Safari 使用 .svg 进行字体渲染。因此，如果您使用的非标准字体可能是一个可以查看的地方。

于 2012-08-10T14:00:38.677 回答