0

モバイルデバイスを扱うときに次のコードを使用するページがあります

<meta name="viewport" content="width=device-width, initial-scale=.7, maximum-scale=2, user-scalable=1">

このコードは、モバイルデバイスのWebブラウザで表示するとうまく機能します。今、私はPhonegapアプリケーションのiframeにこれとまったく同じページでアプリケーションを作成しようとしています。ただし、スケーリング/ビューポートはまったく機能していません。スケーリングのために入力した数値に関係なく、スケールは同じです。変わりません。

私がこれを行おうとしている理由は、私のPhonegapアプリケーションが2つのiframeを介して同じページ上の2つの外部ページを結び付けておりPhonegap、画面の外に出ることなく両方のページを一度に表示できるようにする必要があるためです。

でiframeを使用してスケーリングを使用/有効化する方法について誰かがアイデアを持っていますPhonegapか?ありがとう。

4

1 に答える 1

2

ついに答えが見つかりました。誰かがそれをPhonegap Googleグループに投稿しました。これが彼らの反応です:

「EnableViewPortScale」設定をtrueに設定してみてください:http://docs.phonegap.com/en/2.4.0/guide_project-settings_ios_index.md.html#Project%20Settings%20for%20iOS

そこで、config.xmlファイルに以下を追加しました。これで、希望どおりにスケーリングされます。Phonegap唯一の注意点は、同じ効果を得るには、ビューポートで通常よりも低くする必要があるということです。

<preference name="EnableViewportScale" value="true" />
于 2013-02-14T03:20:39.400 に答える