当我们在iPhone4（视网膜显示屏）屏幕上使用safari浏览器渲染我们的模板屏幕时，显示的UI没有任何问题。我将相同的模板代码移植到Phonegap iOS应用程序中。移植后，在phonegap本机应用程序中增加了UI字体。我在我的代码中使用了以下viewport元标记：
<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应用程序中没有呈现？
答案 0 :(得分：1)
我找到了问题的根本原因，这是因为cordova.plist文件中的“EnableViewPortScale”值。我们应该将此值设置为“YES”，但在我的项目设置中它是“否”。
将此值设置为“YES”解决了我的问题。
答案 1 :(得分：0)
您可以尝试-webkit-text-size-adjust并将其设置为100％。
造成这种情况的另一个原因可能是，当它处于hw加速模式并且字体变得模糊时，你将-webkit-transform设置为容器。
答案 2 :(得分：0)
我相信移动safari使用.svg进行字体渲染。因此，如果您使用的是非标准字体，可能需要查看一个地方。