7

作業中に構築するアプリの簡単なプロトタイプを作成しているので、いくつかの機能について簡単なユーザーテストを行うことができます。

私のデザイナーは、iPhone 5の解像度に合わせて640pxの幅で画像を作成しました。そのため、物事をシンプルかつ迅速にするために、次のビューポートタグを使用しました。

<meta name="viewport" content="width=device-width, initial-scale=0.5, maximum-scale=0.5, user-scalable=no">

これはモバイルSafariで完全に機能しますが、PhoneGapでラップしたので、スケールが1に設定されているように動作します。これを修正するために何をする必要があるかについて何か考えはありますか？

ありがとうございました。

4

3 に答える 3

21

見つけた。プロジェクトのルートに「config.xml」があります。この行の設定:

    <preference name="EnableViewportScale" value="true" />

ここのスニペットが示すように「真実」であるためには、アプリがオンラインのように正しくスケーリングされるようにしました。

于 2013-03-22T20:31:51.763 に答える
1

テストしたばかりですが、好みは完全な解決策ではありません。次の手順を実行してください。

config.xml: 設定名="EnableViewportScale" 値="true" />

メイン アクティビティ、loadurl の後に設定でビューポートを有効にします。

    super.loadUrl(Config.getStartUrl(),1);   
    WebSettings settings = appView.getSettings(); 
    settings.setUseWideViewPort(true); 
    settings.setLoadWithOverviewMode(true);
于 2013-12-21T09:42:59.653 に答える
-2

上記の間違いの可能性があります。多分私のベターはコメントできます。

1) 最初の質問者はスケーリングを望んでいるようです。行末には"user-scalable=no" と記載されています。これにより、スケーリングが行われず、100% スケーリングされる可能性があります。ブラウザは何があっても拡張できますよね？したがって、Safari の結果は赤ニシンでした。また、初期スケールと最大スケールは同じです。

<meta name="viewport" content="width=device-width, initial-scale=0.5, maximum-scale=0.5, user-scalable=no">

2) Sebastions の回答によると、おそらく正しい値は「0.5」ではなく「50 」です。

于 2015-05-03T10:02:31.617 に答える