1

iPhone4 (Retina ディスプレイ) の画面で Safari ブラウザーを使用してテンプレート画面をレンダリングすると、UI は問題なく表示されます。Phonegap iOS アプリと同じテンプレート コードを移植しました。移植後、phonegap ネイティブ アプリで UI フォントが増加します。コードで以下のビューポート メタ タグを使用しました。

<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' />

サファリブラウザではフォントサイズが適切にレンダリングされているのに、Phonegap iOS アプリではレンダリングされていない理由を説明できますか?

4

3 に答える 3

1

問題の根本的な原因を見つけました。これは、cordova.plistファイルの「EnableViewPortScale」値が原因です。この値を「YES」に設定する必要がありますが、私のプロジェクト設定では「No」でした。

この値を「YES」に設定すると、問題が解決しました。

于 2012-08-14T06:00:11.397 に答える
0

-webkit-text-size-adjustを試して、100% に設定することもできます。

これを引き起こすもう 1 つの原因は、コンテナがハードウェア アクセラレータ モードでフォントが少しぼやけているときに、コンテナに -webkit-transform を設定していることです。

于 2012-08-10T11:09:00.337 に答える
0

モバイル サファリはフォント レンダリングに .svg を使用していると思います。そのため、非標準フォントを使用している場合は、1 つの場所にある可能性があります。

于 2012-08-10T14:00:38.677 に答える