1

Android SDK と Eclipse に基づいて Phonegap アプリを開発しています。デフォルトのコードを使用し<meta>てスケーラビリティを追加しましたが、Android SGS2 デバイスでズームインまたはズームアウトできません。（iPhoneは持っていないので確認していません。）

コードは次のとおりです。

<!DOCTYPE HTML>
<html>
  <head>
  <meta name="viewport" 
        content="user-scalable=yes" />
  <!--<meta name="viewport" 
        content="user-scalable=yes, 
                initial-scale=1, 
                maximum-scale=4, 
                minimum-scale=1, 
                width=device-width, 
                height=device-height, 
                target-densitydpi=device-dpi" />
                 -->
    <title>First App</title>
  <script src="cordova-2.2.0.js"></script>
  <script>
     function onLoad(){
          document.addEventListener("deviceready",
                onDeviceReady, true);
     }
     function onDeviceReady(){
                navigator.notification.alert("PhoneGap is working!!");
     }
  </script>
  </head>
  <body onload="onLoad();">
       <h1>Welcome to PhoneGap</h1>
       <h2>Edit assets/www/index.html</h2>
  </body>
</html>
4

2 に答える 2

1

Android では、このように loadUrl の後にズームも有効にしましたか?

super.loadUrl(Config.getStartUrl(), 80000);

WebSettings settings = super.appView.getSettings();
settings.setBuiltInZoomControls(true);
settings.setSupportZoom(true);

個人的には、本当にサポートする必要がない限り、ズームを有効にすることは本当に面倒です.

于 2013-08-19T15:06:06.110 に答える
1

user-scalableにはyesの代わりに1を使用してみてください:

<meta name="viewport" content="user-scalable=1" />

yesまたは1に設定できます。

user-scalableプロパティは、次の値の変換で「user-zoom」に変換されます。

  1. yes と no は、それぞれ「ズーム」と「固定」に変換されます。
  2. Numbers ≥ 1、numbers ≤ -1、device-width および device-height は「zoom」にマッピングされます
  3. <-1, 1> の範囲の数値と不明な値は、「固定」にマップされます。

参照を参照してください:

W3C CSS デバイス適応仕様: ユーザーによるスケーリングが可能

この：

http://dev.w3.org/csswg/css-device-adapt/

于 2014-10-30T14:46:09.297 に答える