私は Phonegap (本質的に HTML5 ページをラップしたモバイル ブラウザー) でアプリケーションに取り組んでいます。このアプリケーションでは、開始時に初期幅をビューポート幅と同じにする必要がありますが、ユーザーは再スケーリングできます。これまでのところ、私は試しました:
<meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=3.0, user-scalable=yes" />
(...)
<img src="foo.jpg" style="width:100%" />
Android 2.2 および 2.3 では機能しませんでした - ユーザーがジェスチャーでビューポートをスケーリングしている間に img をスケーリングしました
と:
<meta name="viewport" content="width=480, initial-scale=1.0, minimum-scale=1.0, maximum-scale=3.0, user-scalable=yes" />
(...)
<img src="foo.jpg" style="width:480px" />
これも Android では機能しませんでした。開始時にビューポート サイズの約 4/3 の img が生成されました (ユーザーは右にスクロールできました)。
明らかな何かが欠けている可能性がありますが、これまで Google で検索しても、必要な結果が得られませんでした
編集:PhoneGapのバグのようです.2番目のコードはPhoneGapの外で動作しています